@font-face{font-family:FuturaPT_Light;src:url(/assets/FuturaPT_Light.ccbbb479.woff) format("woff")}@font-face{font-family:FuturaPT_Bold;src:url(./fonts/FuturaPT_Bold.woff) format("woff")}:root{--mainColor: rgb(207, 63, 65)}*{margin:0;padding:0;font-family:FuturaPT_Light}html{font-size:100%;overflow:hidden}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;height:100%;background-color:#000}header{position:absolute;top:10vh}h1{z-index:1;user-select:none;pointer-events:none;font-size:6vw;color:#fff;text-transform:uppercase;text-align:center;color:#ffffff80;letter-spacing:1.5vw;white-space:nowrap;font-weight:100;text-shadow:rgba(255,255,255,.2) 0 0 15px,rgba(255,255,255,.1) 0 0 10px;animation:fadeInUp 1s;transition:1s}h2{z-index:1;user-select:none;pointer-events:none;font-size:2vw;color:#fff;text-transform:uppercase;text-align:center;color:#fff3;letter-spacing:2.3vw;white-space:nowrap;font-weight:100;animation:fadeInUp 2s;transition:1s}canvas{position:absolute;top:0;left:0;z-index:-99;min-height:100%;min-width:100%;overflow:hidden;object-fit:cover}#fade{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000}ul{font-size:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center;animation:fadeInUp 2s}ul li{list-style:none}ul li:before{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:7rem;font-weight:700;pointer-events:none;opacity:0;letter-spacing:40px;transition:.5s;white-space:nowrap}ul li:hover:before{opacity:.1;letter-spacing:5px}ul li a{user-select:none;position:relative;display:inline-block;padding:6px 15px;text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:2px;overflow:hidden;transition:.5s;z-index:1}ul:hover li a{opacity:0}ul li a:hover{transform:scale(1.4);z-index:2;background:var(--mainColor);opacity:1}ul li a:before{content:"";position:absolute;top:0;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skew(35deg);transition:0s}ul li a:hover:before{left:calc(100% + 100px);transition:.5s;transition-delay:.2s}#music{position:absolute;bottom:10px;right:10px;width:1rem;fill:#fff;animation:fadeInRight 2s}#moon{position:absolute;bottom:5px;left:5px;width:2rem;fill:#fff;animation:fadeInRight 2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40%)}to{opacity:1;transform:translate(0)}}@keyframes blackFade1{0%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes blackFade2{0%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes play{0%{fill:#fff}to{fill:var(--mainColor)}}@keyframes pause{0%{fill:var(--mainColor)}to{fill:#fff}}@keyframes beat1{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes beat2{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes darkOn{0%{fill:#fff}to{fill:#f1eb75}}@keyframes darkOff{0%{fill:#f1eb75}to{fill:#fff}}#music.play{animation:.8s ease-in forwards play,.8s linear forwards beat1}#music.pause{animation:.8s ease-in forwards pause,.8s linear forwards beat2}#moon.darkOn{animation:.8s ease-in forwards darkOn,.8s linear forwards beat1}#moon.darkOff{animation:.8s ease-in forwards darkOff,.8s linear forwards beat2}#fade.blackFade1{animation:1s ease-in blackFade1}#fade.blackFade2{animation:1s ease-in blackFade2}@media (max-width: 768px){html{font-size:120%}ul{font-size:1rem}ul li:before{font-size:5rem}h2{color:#fff6}}@media (max-width: 480px){h1{font-size:10vw}h2{font-size:4.6vw}ul li:before{font-size:3rem}}