html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}.loading p{color:#fff;margin-top:1em;opacity:.5}.loading.ending{opacity:0;transition:1s ease-in-out}*{box-sizing:border-box}html,body{overflow:hidden;background-color:#000;min-height:100vh;height:100%;font-family:Roboto,sans-serif}main{z-index:1;position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}main .iframe-wrapper{margin-bottom:10em;width:-webkit-min-content;width:-moz-min-content;width:min-content;padding:1em;background-color:#000000e6;border-radius:1em;box-shadow:0 16px 50px 12px #0000006e}header{position:relative;z-index:2;color:#fff}header div{display:flex;justify-content:center;align-items:center;padding:1em;font-size:1.2rem;letter-spacing:3px;background-color:#000;box-shadow:0 12px 29px #00000040;z-index:2;position:relative}header nav{width:100%;display:flex;justify-content:space-around}header nav button{width:100%;color:#000;font-size:1em;padding-top:1em;padding-bottom:1em;cursor:pointer;border:1px solid white;background-color:#c4c4c4b3;font-family:Roboto,sans-serif;letter-spacing:1px}header nav button:hover{background-color:#c4c4c4}header nav button{transition:all .2s ease-in-out}header nav #active{color:#fff;background-color:#000;transition:all .5s ease-in-out}.controls{z-index:1;background-color:#000000e6;height:2em;width:100%;position:fixed;bottom:0}.controls progress{width:100%}.controls .control-btns{display:flex;justify-content:center;align-items:flex-end;position:absolute;left:50%;transform:translate(-50%);top:-3.8em}.controls .control-btns button{background-color:#c4c4c4;border:1px solid #c4c4c4;border-radius:10em;padding:.5em;cursor:pointer}.controls .control-btns button:hover{background-color:#000}.controls .control-btns button:hover path{fill:#fff}.controls .control-btns button:disabled{cursor:not-allowed}.controls .control-btns button:disabled path{fill:#777}.controls .control-btns #playPause{background-color:#fff;border:1px solid #ffffff;width:6.2em;height:6.2em;margin:0 1.5em;transition:all .2s ease-in-out}.controls .control-btns #playPause:hover{background-color:#000}.controls .control-btns #playPause{box-shadow:0 -2px 17px #00000085}.controls progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#fff}.controls progress[value]::-webkit-progress-value{background:rgb(255,255,255);background:linear-gradient(90deg,#8b47f1 0%,#75fa9e 100%);-webkit-transition:width 1s linear;transition:width 1s linear}#webglWrapper{position:fixed;top:0;bottom:0;width:100%;z-index:0}