:root{--main-bg-color:#12121a;--animation-settings:8s 750ms linear forwards;--scale-sponop-animation:1;--scale-sponop-animation-padding:1}@media screen and (max-width:620px){:root{--scale-sponop-animation:0.5}}@media screen and (max-width:479px){:root{--scale-sponop-animation:0.25}}body{background-color:var(--main-bg-color);flex-direction:column}.sponopLogo,body{display:flex;justify-content:center;align-items:center}.sponopLogo{padding-left:calc(75px*var(--scale-sponop-animation));width:calc(900px*var(--scale-sponop-animation));height:calc(500px*var(--scale-sponop-animation));opacity:.05;flex-direction:row;animation:sponop var(--animation-settings)}.sponopS1{opacity:0;animation:animateS1 var(--animation-settings)}.sponopS1,.sponopSfake{position:absolute;z-index:100}.sponopSfake{animation:animateSfake var(--animation-settings)}.sponopS2{position:absolute;opacity:0;animation:animateS2 var(--animation-settings)}.sponopP1{position:absolute;animation:animateP1 var(--animation-settings)}.sponopO1{position:absolute;animation:animateO1 var(--animation-settings)}.sponopN{position:absolute;animation:animateN var(--animation-settings)}.sponopO2{position:absolute;animation:animateO2 var(--animation-settings)}.sponopP2{position:absolute;animation:animateP2 var(--animation-settings)}.footerButton{font-family:PlusJakartaSans;background-color:#12121a;color:#424246;font-size:14px;border:none;padding-right:50px;cursor:pointer}.footerButton :hover{color:#dbd3b8}footer{position:fixed;left:0;bottom:0;width:100%;text-align:right;padding-bottom:20px}.stylelessLink{color:inherit;text-decoration:inherit}.circleSponop,.sponopNfake{border:calc(8px*var(--scale-sponop-animation)) solid #e2decf;border-radius:50%;width:calc(100px*var(--scale-sponop-animation));height:calc(100px*var(--scale-sponop-animation));z-index:100}.sponopNfake{animation:animateNfake 8s linear .75s forwards}.circleSponopHalfN{border:calc(8px*var(--scale-sponop-animation)) solid #e2decf;border-radius:calc(100px*var(--scale-sponop-animation)) calc(100px*var(--scale-sponop-animation)) 0 0;position:absolute;top:0;width:calc(100px*var(--scale-sponop-animation));height:calc(50px*var(--scale-sponop-animation));z-index:100;border-bottom:none}.circleSponopHalf1{rotate:125deg}.circleSponopHalf1,.circleSponopHalf2{border:calc(10px*var(--scale-sponop-animation)) solid #e2decf;border-radius:calc(100px*var(--scale-sponop-animation)) calc(100px*var(--scale-sponop-animation)) 0 0;width:calc(100px*var(--scale-sponop-animation));height:calc(50px*var(--scale-sponop-animation));z-index:100;border-bottom:none}.circleSponopHalf2{rotate:-55deg}.pbox{animation:animatePstroke var(--animation-settings)}.nboxl,.pbox{position:absolute;top:50%;border:calc(4px*var(--scale-sponop-animation)) solid #e2decf;fill:#e2decf;width:0;height:0}.nboxl{animation:animateNstrokeL var(--animation-settings)}.nboxr{top:50%;right:0;border:calc(4px*var(--scale-sponop-animation)) solid #e2decf;fill:#e2decf;height:0;animation:animateNstrokeR var(--animation-settings)}.nboxr,.sStroke{position:absolute;width:0}.sStroke{top:calc(-135px*var(--scale-sponop-animation));left:calc(48px*var(--scale-sponop-animation));height:calc(235px*var(--scale-sponop-animation));border:1px solid #e2decf;background-color:#e2decf;animation:animateSstroke var(--animation-settings);rotate:35deg;opacity:0}@keyframes sponop{0%{opacity:.05}to{opacity:1;box-shadow:rgba(12,12,20,.25) 0 calc(30px*var(--scale-sponop-animation)) calc(60px*var(--scale-sponop-animation)) calc(-12px*var(--scale-sponop-animation)) inset,#000 0 calc(18px*var(--scale-sponop-animation)) calc(36px*var(--scale-sponop-animation)) calc(-18px*var(--scale-sponop-animation)) inset}}@keyframes animateSfake{40%{transform:translate(calc(-350px*var(--scale-sponop-animation)));opacity:1}48%{transform:translate(calc(-350px*var(--scale-sponop-animation)));opacity:0}70%{transform:translate(calc(-350px*var(--scale-sponop-animation)));opacity:0}to{transform:translate(calc(-350px*var(--scale-sponop-animation)));opacity:0}}@keyframes animateS1{40%{transform:translate(calc(-316px*var(--scale-sponop-animation)));opacity:0}70%{transform:translate(calc(-340px*var(--scale-sponop-animation)),calc(40px*var(--scale-sponop-animation)));opacity:.9}to{transform:translate(calc(-340px*var(--scale-sponop-animation)),calc(40px*var(--scale-sponop-animation)));opacity:1}}@keyframes animateS2{40%{transform:translate(calc(-384px*var(--scale-sponop-animation)));opacity:0}70%{transform:translate(calc(-360px*var(--scale-sponop-animation)),calc(-55px*var(--scale-sponop-animation)));display:flex;opacity:.9}to{transform:translate(calc(-360px*var(--scale-sponop-animation)),calc(-55px*var(--scale-sponop-animation)));display:flex;opacity:1}}@keyframes animateP1{40%{transform:translate(calc(-225px*var(--scale-sponop-animation)))}70%{transform:translate(calc(-225px*var(--scale-sponop-animation)))}to{transform:translate(calc(-225px*var(--scale-sponop-animation)))}}@keyframes animateO1{40%{transform:translate(calc(-100px*var(--scale-sponop-animation)))}70%{transform:translate(calc(-100px*var(--scale-sponop-animation)))}to{transform:translate(calc(-100px*var(--scale-sponop-animation)))}}@keyframes animateN{40%{transform:translate(calc(25px*var(--scale-sponop-animation)))}70%{transform:translate(calc(25px*var(--scale-sponop-animation)))}to{transform:translate(calc(25px*var(--scale-sponop-animation)))}}@keyframes animateNfake{40%{opacity:.1}70%{opacity:0}to{opacity:0}}@keyframes animateO2{40%{transform:translate(calc(150px*var(--scale-sponop-animation)))}70%{transform:translate(calc(150px*var(--scale-sponop-animation)))}to{transform:translate(calc(150px*var(--scale-sponop-animation)))}}@keyframes animateP2{40%{transform:translate(calc(275px*var(--scale-sponop-animation)))}70%{transform:translate(calc(275px*var(--scale-sponop-animation)))}to{transform:translate(calc(275px*var(--scale-sponop-animation)))}}@keyframes animatePstroke{0%{height:0}30%{height:0}40%{height:calc(50px*var(--scale-sponop-animation))}70%{height:calc(100px*var(--scale-sponop-animation))}to{height:calc(100px*var(--scale-sponop-animation))}}@keyframes animateNstrokeL{0%{height:0}30%{height:0}40%{height:calc(10px*var(--scale-sponop-animation))}70%{height:calc(50px*var(--scale-sponop-animation))}to{height:calc(50px*var(--scale-sponop-animation))}}@keyframes animateNstrokeR{0%{height:0}30%{height:0}40%{height:calc(10px*var(--scale-sponop-animation))}70%{height:calc(50px*var(--scale-sponop-animation))}to{height:calc(50px*var(--scale-sponop-animation))}}@keyframes animateSstroke{0%{opacity:0}30%{opacity:0}40%{opacity:0}70%{opacity:.4}90%{opacity:.7}to{opacity:1}}@media (max-width:600px){h1{font-size:40px}h4{font-size:12px}}@font-face{font-family:PlusJakartaSans;font-weight:400;font-style:normal;font-display:auto;unicode-range:u+000-5ff;src:local("PlusJakartaSans"),url(/fonts/PlusJakartaSans-Regular.7fab4732.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Regular.62d68478.woff) format("woff")}@font-face{font-family:PlusJakartaSans-Light;font-weight:400;font-style:normal;font-display:auto;unicode-range:u+000-5ff;src:local("PlusJakartaSans"),url(/fonts/PlusJakartaSans-ExtraLight.e0a18b6e.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraLight.2e9421fe.woff) format("woff")}@font-face{font-family:Monocode;font-weight:400;font-style:normal;font-display:auto;unicode-range:u+000-5ff;src:local("Monocode"),url(/fonts/monocode-regular.f2632cee.ttf) format("truetype")}@font-face{font-family:Monocode-Light;font-weight:100;font-style:normal;font-display:auto;unicode-range:u+000-5ff;src:local("Monocode"),url(/fonts/monocode-light.e0a1adb2.ttf) format("truetype")}#app{font-family:PlusJakartaSans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}