body,html{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box}body{background-color:black}.container{display:block;position:relative;width:100%;height:100%;background-color:transparent;overflow:hidden}.container video{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);will-change:transform;max-width:980px;width:calc(100vw - 80px);height:auto;font-size:0;filter:hue-rotate(0deg) saturate(0%) brightness(0%) contrast(100%);animation:reveal 10s forwards 1s}@keyframes reveal{0%{filter:hue-rotate(0deg) saturate(0%) brightness(0%) contrast(100%)}100%{filter:hue-rotate(0deg) saturate(0%) brightness(50%) contrast(100%)}}@keyframes colorshift{0%{filter:hue-rotate(0deg) saturate(100%) brightness(120%) contrast(100%)}100%{filter:hue-rotate(360deg) saturate(100%) brightness(120%) contrast(100%)}}.container .overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#00008c;mix-blend-mode:screen;opacity:0.15}.container .film-grain{display:block;position:absolute;top:-100%;left:-100%;width:400%;height:400%;background-image:url(/assets/images/noise.png);background-size:500px 500px;background-repeat:repeat;opacity:0.13;animation:grain 4s steps(8) infinite}@media (-webkit-min-device-pixel-ratio: 2){.container .film-grain{background-size:250px 250px}}@keyframes grain{0%,100%{transform:translate(0, 0)}10%{transform:translate(-5%, -10%)}20%{transform:translate(-15%, 5%)}30%{transform:translate(7%, -15%)}40%{transform:translate(-5%, 15%)}50%{transform:translate(-15%, 10%)}60%{transform:translate(15%, 0%)}70%{transform:translate(0%, 15%)}80%{transform:translate(15%, 5%)}90%{transform:translate(-10%, 10%)}}
/*# sourceMappingURL=style.css.map */