@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Abel:wght@400&display=swap);@keyframes glow{0%,to{text-shadow:0 0 3px rgba(128,128,128,.5),0 0 5px rgba(128,128,128,.5),0 0 10px gray,0 0 15px gray,0 0 20px gray}50%{text-shadow:0 0 5px gray,0 0 10px gray,0 0 15px gray,0 0 20px gray,0 0 25px gray}}body,html{margin:0;padding:0;height:100%;overflow:hidden;background-color:#000}a{cursor:pointer}.video-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:4}#player,.content{left:50%;transform:translate(-50%,-50%)}#player,#video-shield{position:absolute;top:50%;z-index:0}#video-shield{top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;cursor:default}.content{position:fixed;bottom:50px;text-align:center;color:#fff;z-index:5;transition:opacity 3s}.content h1,.nav{margin:0;animation:glow 2s infinite alternate}.content h1{font-family:"Orbitron",sans-serif;font-size:4rem;letter-spacing:2px;white-space:nowrap}.nav{position:fixed;font-family:"Lora",sans-serif;font-size:1.5rem;letter-spacing:.125rem;bottom:50px;left:50%;transform:translate(-50%,-50%);z-index:5;color:#fff}#iframe-container,.overlay{top:0;left:0;background-color:#000}.nav-bottom,.nav-top,.overlay{position:fixed;color:#fff;display:flex}.overlay{width:100%;height:100%;align-items:center;justify-content:center;z-index:6;font-size:2rem;cursor:pointer;transition:opacity 3s}.overlay img{max-width:100%;height:auto}.overlay.hidden{opacity:0;pointer-events:none}.nav a,.nav-bottom a,.nav-top a{color:#fff;text-decoration:none}.nav-bottom,.nav-top{left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.2);background:repeating-linear-gradient(rgba(100,100,100,.1)0,rgba(100,100,100,.1) 1px,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px);padding:8px 40px 15px;gap:20px;opacity:.9;z-index:5;font-family:"Lora",sans-serif;font-size:1.2rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.nav-top{top:-50px}.nav-bottom{bottom:-50px;border-top-left-radius:10px;border-top-right-radius:10px}.nav-bottom a,.nav-top a{transition:color .3s;animation:glow .8s infinite alternate}.nav-bottom a.selected,.nav-top a.selected{animation:glow .8s infinite alternate;color:#d3d3d3}.nav-bottom a:hover,.nav-top a:hover{animation:glow .2s infinite alternate;color:#fff;text-shadow:0 0 5px green,0 0 10px green}#iframe-container{position:absolute;width:100vw;height:100vh;display:none;z-index:2}#iframe-content{width:100%;height:100%;border:0}.nav,.nav-bottom{white-space:nowrap}@media (max-width:768px){.content{bottom:55px}.content h1{font-size:1.4rem}.nav{font-size:.72rem;letter-spacing:0}.nav-bottom{font-family:"Abel";font-size:.74rem;letter-spacing:auto;gap:10px}}#popup-backdrop{--popup-w:min(90vw, 142vh);--popup-video-h:calc(var(--popup-w) * 9 / 16);--popup-chrome:80px;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:7}#popup-backdrop.ratio-1-1{--popup-w:min(90vw, 85vh);--popup-video-h:var(--popup-w)}#popup-backdrop.show{opacity:1;visibility:visible}#popup-player-box{position:relative;overflow:hidden;width:var(--popup-w);height:var(--popup-video-h);background-color:#000}#popup-player-box #popup-player,#popup-player-box iframe{position:absolute;left:0;top:calc(var(--popup-chrome)*-1);width:100%!important;height:calc(var(--popup-video-h) + var(--popup-chrome)*2)!important;border:0;z-index:0}#popup-shield{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;cursor:default}