@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes bounceIn{0%{transform:scale(.1);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(.1);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@font-face{font-family:Source Code Pro;src:url(../fonts/SourceCodePro-Regular.b484b32f.ttf)}@font-face{font-family:Muli;src:url(../fonts/Muli-VariableFont_wght.e8efee92.ttf)}body{margin:0}#app{background:#fff;box-sizing:border-box;text-align:center;min-height:100vh;position:relative;z-index:1}::-webkit-scrollbar{display:none}.header{align-items:center;display:flex;height:100px;justify-content:space-between;margin:0 auto;max-width:2200px;padding:0 30px;text-align:center}.header a{color:#000;font-family:Muli;font-size:24px;margin:0 15px;padding:10px 15px;text-decoration:none}.header>a{pointer-events:none}header .hamburger{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hamburger{display:block;width:24px;cursor:pointer;z-index:3}.hamburger.active{position:fixed;right:30px}.hamburger:after,.hamburger:before{background-color:#000;content:"";display:block;height:2px;transition:all .2s ease-in-out}.hamburger:before{box-shadow:0 8px 0 #000;margin-bottom:14px}.hamburger.active:before{box-shadow:0 0 0 #000;transform:translateY(8px) rotate(45deg)}.hamburger.active:after{transform:translateY(-8px) rotate(-45deg)}.hamburger.active:after,.hamburger.active:before{background-color:#fff}@media (hover:hover) and (pointer:fine){.hamburger:hover:after,.hamburger:hover:before{background-color:#ed254e}.hamburger:hover:before{box-shadow:0 8px 0 #ed254e}.hamburger.active:before{box-shadow:0 0 0 #ed254e}}.header-nav-mobile{display:block;opacity:0;z-index:2;position:fixed;top:-100%;left:0;width:100%;height:100vh;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.header-nav-mobile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(0,0,0,.98);width:100%;height:0;padding-bottom:100%;border-radius:100%;overflow:hidden}.open.header-nav-mobile{display:block;top:0;opacity:1}.open.header-nav-mobile:before{-webkit-animation:menu-animation .8s ease-out forwards;animation:menu-animation .8s ease-out forwards}@-webkit-keyframes menu-animation{0%{opacity:0;transform:scale(.04) translateY(300%)}40%{transition:ease-out}40%{transform:scale(.04) translateY(0)}60%{opacity:1;transform:scale(.02) translateY(0)}61%{transform:scale(.04)}99.9%{height:0;padding-bottom:100%;border-radius:100%}to{transform:scale(2);height:100%;padding-bottom:0;border-radius:0}}@keyframes menu-animation{0%{opacity:0;transform:scale(.04) translateY(300%)}40%{transition:ease-out}40%{transform:scale(.04) translateY(0)}60%{opacity:1;transform:scale(.02) translateY(0)}61%{transform:scale(.04)}99.9%{height:0;padding-bottom:100%;border-radius:100%}to{transform:scale(2);height:100%;padding-bottom:0;border-radius:0}}.open.header-nav-mobile a{color:#fff;z-index:3;font-size:35px;opacity:0;-webkit-animation:fade .3s ease-in forwards;animation:fade .3s ease-in forwards;-webkit-animation-delay:.4s;animation-delay:.4s;margin:30px auto 0 auto;display:block;width:150px}.header-nav-mobile a:first-child{margin-top:100px}.header-nav-mobile a:nth-child(2),.header-nav-mobile a:nth-child(3){margin-top:20px}h1{-webkit-animation:fade .3s ease-in forwards;animation:fade .3s ease-in forwards;-webkit-animation-delay:3s;animation-delay:3s;left:50%;margin-left:470px;margin-right:-50%;opacity:0;position:absolute;top:45%;transform:translate(-50%,-50%)}h1 span.h1{color:#000;display:block;font-family:Muli;font-size:16px;font-weight:400;text-align:left}@-webkit-keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}#hero{min-height:calc(100vh - 100px);position:relative;z-index:-1}svg.logo{left:50%;margin-left:-25px;margin-right:-50%;position:absolute;top:45%;transform:translate(-50%,-50%);width:700px;z-index:-2}.st0{fill:none;stroke:#fff;stroke-width:14;stroke-miterlimit:10;stroke-dashoffset:0;stroke-dasharray:360}#mask-1{-webkit-animation:write 1.4s ease-in-out 1 forwards;animation:write 1.4s ease-in-out 1 forwards;animation-direction:reverse}#mask-2{-webkit-animation:write 2s ease-out 1 forwards;animation:write 2s ease-out 1 forwards;-webkit-animation-delay:0s;animation-delay:0s;animation-direction:reverse}#mask-3{-webkit-animation:write 2s ease-out 1 forwards;animation:write 2s ease-out 1 forwards;-webkit-animation-delay:.4s;animation-delay:.4s;animation-direction:reverse}#mask-4{-webkit-animation:write 1.4s ease-out 1 forwards;animation:write 1.4s ease-out 1 forwards;-webkit-animation-delay:1.4s;animation-delay:1.4s;animation-direction:reverse}#mask-5{-webkit-animation:write 2s ease-in-out 1 forwards;animation:write 2s ease-in-out 1 forwards;-webkit-animation-delay:1.6s;animation-delay:1.6s;animation-direction:reverse}@-webkit-keyframes write{0%,25%{stroke-dashoffset:360}90%{stroke-dashoffset:0}}@keyframes write{0%,25%{stroke-dashoffset:360}90%{stroke-dashoffset:0}}.scroll-button{font-family:Muli;font-size:14px;cursor:pointer;color:rgba(75,87,92,.6);text-transform:uppercase}.scroll-line{background:rgba(75,87,92,.2);height:66px;margin:5px auto 5px auto;width:1px}.scroll-down{width:100%;bottom:0;left:0;position:absolute;box-sizing:border-box;height:140px;border-bottom:20px solid rgba(237,37,78,.4)}.about,.contact,.projects{min-height:100vh;z-index:1;background:rgba(237,37,78,.4)}.cursor{width:12px;height:12px;position:fixed;top:0;left:0;background:#ed254e;border-radius:100%;z-index:-1}@media (hover:hover) and (pointer:fine){.header a:hover{color:#ed254e}.header a:hover~.cursor,.header a:hover~.header-nav-primary>.cursor{background:rgba(237,37,78,.4);-webkit-animation:in .3s ease-out forwards;animation:in .3s ease-out forwards}}@-webkit-keyframes in{to{width:80px;height:80px}}@keyframes in{to{width:80px;height:80px}}@-webkit-keyframes out{to{width:12px;height:12px}}@keyframes out{to{width:12px;height:12px}}.coming-soon{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;height:300vh;font-size:20vh;position:absolute;top:100vh;font-family:Muli;left:50%;transform:translate(-50%)}@media (max-width:1300px){.header-nav-primary a{font-size:18px;padding:10px 5px;margin:0 10px}svg.logo{width:500px;top:40%}h1{margin-left:300px;top:40%}h1 span.h1{font-size:14px}.scroll-down{height:130px;border-bottom:60px solid rgba(237,37,78,.4)}@-webkit-keyframes in{to{width:60px;height:60px}}@keyframes in{to{width:60px;height:60px}}}@media (max-width:1000px){.header-nav-primary a{font-size:16px}svg.logo{width:400px}h1{margin-left:250px}}@media (min-width:801px){.header-nav-primary{display:block}.header-nav-mobile{display:none!important}}@media (max-width:800px){.header-nav-primary{display:none}.header>a{margin:0;padding:10px 0}.hamburger{display:block!important}svg.logo{margin-left:0;top:35%}h1 span.h1{text-align:right}h1{margin-left:120px;margin-top:90px;top:35%}.scroll-down{height:120px;border-bottom:50px solid rgba(237,37,78,.4)}}@media (max-width:600px){svg.logo{width:300px}h1{margin-left:70px}}@media (max-width:400px){svg.logo{width:200px}h1{margin-left:23px}}