body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:MADE;font-style:normal;font-weight:800;src:url(/static/media/MADE.b67726eb.otf)}@font-face{font-family:MADE EVO;font-style:normal;font-weight:800;src:url(/static/media/MADE_EVO.e6f287db.otf)}@-webkit-keyframes GradientAnimation{0%{background-position:0 9%}50%{background-position:100% 92%}to{background-position:0 9%}}@keyframes GradientAnimation{0%{background-position:0 9%}50%{background-position:100% 92%}to{background-position:0 9%}}@-webkit-keyframes Rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes bounce{50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}*{box-sizing:border-box}body{max-width:100vw;overflow-x:hidden;font-family:MADE}.App{--opacity:0;-webkit-animation:GradientAnimation 20s ease infinite;animation:GradientAnimation 20s ease infinite;background-size:200% 200%;background-image:linear-gradient(157deg,rgba(173,83,137,var(--opacity)),rgba(60,16,83,var(--opacity)));background-attachment:fixed}.button{color:currentColor;text-decoration:none;display:inline-block;padding:.2em .5em;margin-top:.5em;border:1px solid #fff;border-radius:2px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.button:hover{border-radius:7px}#header{--fontSizeMiddle:1;--opacityMiddle:1;--headerTop:30;z-index:1337;top:calc(var(--headerTop)*1vh)}#header,#header .scrollIndicator{text-align:center;position:fixed;width:100%}#header .scrollIndicator{-webkit-animation:bounce 5s ease infinite;animation:bounce 5s ease infinite;color:#75326e;opacity:1;bottom:20px;-webkit-transition:opacity 1s ease-out,bottom 2s ease-out;transition:opacity 1s ease-out,bottom 2s ease-out}.App.scrolled #header .scrollIndicator{opacity:0;bottom:-100px}.title{font-family:MADE;font-size:60px;color:#222;margin:0 -.2em 0 0}.title *{vertical-align:middle}.title .logo{font-family:MADE EVO}.title .f{position:relative;top:.03em}.title .logo.dot{color:#75326e;position:relative;left:-.2em;bottom:-.02em;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.App.scrolled #header .logo.dot{color:#222}.title .middleTitle{font-size:calc(var(--fontSizeMiddle)*1em)}.title .taglineWrap{display:block;font-size:17px;margin:-.6em 0 0 -.6em}.title .tagline{font-size:calc(var(--fontSizeMiddle)*1em);opacity:var(--opacityMiddle)}.hyperdriveScene>*{padding:0 10px;text-align:center;color:#fff;opacity:var(--opacity)}.hyperdriveScene .intro{color:#222;text-shadow:none;opacity:1}.hyperdriveScene .intro h3{font-size:.8em}.hyperdriveScene .particles{position:absolute;max-width:200vw!important;width:200vw!important;height:200vh!important;opacity:1}.hyperdrive .hyperdriveScene .twoColumn{display:flex;align-items:center;flex-direction:column}.hyperdrive .hyperdriveScene .columnText{text-shadow:-1px -1px 5px #6b2d6a,1px -1px 5px #6b2d6a,-1px 1px 5px #6b2d6a,1px 1px 5px #6b2d6b}.hyperdrive .hyperdriveScene .columnImage{position:absolute;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.perspective img,.uppdrag img{max-width:130px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);padding:0 10px;opacity:.9}.spiral{width:100%!important;height:100%}.spiral>*{position:absolute}.spiral>:first-child{top:0;left:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}@media only screen and (max-width:768px){.perspective,.uppdrag{top:58%!important}.hyperdrive .hyperdriveScene .uppdrag{flex-direction:column-reverse}}@media only screen and (min-width:768px){.intro h1{font-size:1.8em}.hyperdrive .hyperdriveScene .twoColumn{flex-direction:row;width:350px}.hyperdrive .hyperdriveScene .perspective .columnImage{top:50%;left:0;-webkit-transform:translate(calc(-100% + 10px),-50%);transform:translate(calc(-100% + 10px),-50%)}.hyperdrive .hyperdriveScene .uppdrag .columnImage{top:50%;right:0;-webkit-transform:translate(calc(100% - 10px),-50%);transform:translate(calc(100% - 10px),-50%)}}
/*# sourceMappingURL=main.248ba79a.chunk.css.map */