@keyframes spawnLogo{0%{transform:scale(0.8);opacity:0}100%{opacity:.4;transform:scale(1)}}@keyframes background{0%{background-position:left}100%{background-position:right}}h1{font-family:"Recursive",serif;font-size:3rem;font-weight:700}h2{font-family:"Raleway",sans-serif;font-weight:400;font-size:3rem;margin-bottom:.25rem}h3{font-family:"Raleway",sans-serif;font-weight:400;font-size:2.5rem;letter-spacing:-1px;font-variant-caps:all-small-caps}h3.clickable{width:fit-content;margin:auto}h4{font-family:"Raleway",sans-serif;font-weight:400;font-size:2rem}p{font-family:"Raleway",sans-serif;font-weight:200;font-size:1.75rem}.textCenter{text-align:center}.underline{text-decoration:underline}.iconTextElement{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:0 0 16px 0}.iconTextElement i.fas{font-size:6rem;max-width:6rem}.iconTextElement .text{margin-left:1.5rem}.headerContainer{background-size:400% 400%;background-position:left;animation:background 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;height:90vh}.headerContainer .left{margin:auto -150px auto 0}.headerContainer .left .headerTitle{position:relative;opacity:0;animation:zoomIn 1.25s cubic-bezier(0, 1, 0.5, 1.45) forwards}.headerContainer .left .headerSubtitle{position:relative;opacity:0;animation:zoomIn 1.25s cubic-bezier(0.76, 0, 0.24, 1) forwards}.headerContainer .right .logo{margin-top:calc(40vh - 300px);opacity:0;z-index:1;height:600px;width:600px;animation:spawnLogo 1.5s cubic-bezier(0, 1, 0.5, 1.45) 3s forwards}.hiddenWithScroll{opacity:0;filter:blur(2px);transition:1s cubic-bezier(0.76, 0, 0.24, 1)}.hiddenWithScroll.zoomUp{transform:translateY(50%)}.hiddenWithScroll.zoomIn{transform:scale(0.5)}.hiddenWithScroll.zoomFromLeft{transform:translateX(-100%)}.hiddenWithScroll.zoomFromRight{transform:translateX(100%)}.hiddenWithScroll.delay1{transition-delay:.5s}.hiddenWithScroll.delay2{transition-delay:1s}.hiddenWithScroll.delay21{transition-delay:1.15s}.hiddenWithScroll.delay22{transition-delay:1.3s}.hiddenWithScroll.delay23{transition-delay:1.45s}.hiddenWithScroll.delay24{transition-delay:1.6s}.card{overflow:hidden}.showWithScroll{opacity:1;transform:translateY(0%);transform:scale(1);filter:blur(0px)}.showWithScroll.zoomUp{transform:translateY(0)}.showWithScroll.zoomIn{transform:scale(1)}.showWithScroll.zoomFromLeft,.showWithScroll.zoomFromRight{transform:translateX(0)}.clickable{cursor:pointer}.clickable::after{content:"";display:block;position:relative;width:0%;height:3px;margin-top:-2px;background-color:var(--text-colour);transition:all .5s cubic-bezier(0.33, 1, 0.68, 1)}.clickable:hover::after{width:100%}.clickable:active{transform:scale(0.95)}.infos{display:none;opacity:0;transition:opacity .5s cubic-bezier(0.76, 0, 0.24, 1);padding:0 5vw}.infos p::before{content:"";display:inline-block;background-image:var(--down-img);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transform:rotate(-90deg);width:1rem;height:1rem;margin-right:8px}.infos img{width:100%;box-shadow:2px 2px 10px 2px rgba(0,0,0,.5);border-radius:12px}@media screen and (max-width: 1100px){.iconTextElement .text{margin-left:0;text-align:center}.headerContainer{padding:0 5vw}.headerContainer .left{margin:auto 0}.headerContainer .left .headerTitle{font-size:5rem}.headerContainer .left .headerSubtitle{font-size:2.5rem}.headerContainer .right{display:none}}@media(prefers-reduced-motion){.hidden{transition:none}}