body{margin:0;overflow:hidden}.wrapper{margin:2em}.backlogo{position:absolute;background-color:rgba(52,204,255,0.1);width:100vw;aspect-ratio:25/17;-webkit-mask:url("/img/logo.svg") no-repeat center;-webkit-mask-size:cover;mask:url("/img/logo.svg") no-repeat center;mask-size:cover;transform:translate(-50%, -50%) rotate(25deg);left:50%;top:50%}.logos{width:80vw;aspect-ratio:25/17;position:absolute;right:35vw;top:50%;transform:translate(50%, -50%);margin:2em}.logos .logo{position:absolute;-webkit-mask:url("/img/logo.svg") no-repeat center;-webkit-mask-size:cover;mask:url("/img/logo.svg") no-repeat center;mask-size:cover;width:100%;height:100%}.logos .logotop{z-index:100;background-color:#34ccff}.logos .logo1{background-color:rgba(52,204,255,0.25);transform:translate(10px, 10px)}.logos .logo2{background-color:rgba(52,204,255,0.25);transform:translate(-10px, 10px)}.logos .logo3{background-color:rgba(52,204,255,0.25);animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite}.socials{font-size:2em;width:24em;text-align:center;position:absolute;top:40%;transform:translateY(-50%);background-color:rgba(255,255,255,0.25);border-radius:1em;text-transform:uppercase;font-family:monospace}.socials a{color:#34ccff;text-decoration:none}.socials a:hover{color:#20b8eb}.socials a:hover svg path{fill:#20b8eb}.socials svg{width:1em;height:1em;margin-bottom:-0.1em}.socials svg path{fill:#34ccff}.socials div{margin:.5em 1em}.socials div.yt{display:inline-block}.socials div.tweet{display:inline-block}.socials div.hash{display:inline-block;border-radius:4px;background-color:#34ccff;color:#fff;font-weight:bold;padding:.3em 1em}@keyframes pulse{0%{opacity:1;transform:scale(1) translateY(0)}33%{opacity:1}100%{opacity:0;transform:scale(1.2) translateY(-40px)}}