*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Anton,Arial Black,sans-serif}.yt-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.yt-wrapper iframe{position:absolute;top:50%;left:50%;min-width:100vw;min-height:100vh;width:177.78vh;height:56.25vw;transform:translate(-50%,-50%);border:none;pointer-events:none}.content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#00bbd6;-webkit-mask:url(#textMask);mask:url(#textMask);transition:opacity 2s ease}.content-layer.fade-out{opacity:0}#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;-webkit-mask:url(#textMask);mask:url(#textMask);transition:-webkit-mask .8s ease,mask .8s ease}#scene.unmasked{-webkit-mask:none;mask:none}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;animation:grainDrift .5s steps(1) infinite;transition:opacity 2s ease}.grain.fade-out{opacity:0}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);transition:opacity 2s ease}.vignette.fade-out{opacity:0}@keyframes grainDrift{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(3%,-8%)}30%{transform:translate(-8%,2%)}40%{transform:translate(6%,6%)}50%{transform:translate(-3%,-3%)}60%{transform:translate(7%,-1%)}70%{transform:translate(-1%,8%)}80%{transform:translate(4%,-6%)}90%{transform:translate(-6%,4%)}to{transform:translate(2%,2%)}}