html{height:100%}body{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;height:100%;background-color:#222}a{color:#fff}a:hover{color:#999}.btn{border-radius:.5rem;border:none;cursor:pointer;background-color:#444;padding:1rem;color:#fff}#container3D{display:none;position:relative;overflow:hidden;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#btnVR{position:absolute;top:90%;left:50%;padding:10px;display:none}#btnUnlock{position:absolute;top:50%;left:50%;font-size:30px;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.75);padding:30px 50px;border-radius:30px;text-align:center;white-space:nowrap;cursor:pointer;display:none}#overlay{width:100%;height:100%;background-color:#222;z-index:10;position:absolute;top:0;left:0;text-align:center;background-position:bottom;background-repeat:no-repeat;background-size:cover}#overlay .content{text-align:center;display:none;color:#fff}#overlay #logo{max-width:75vmin}#overlay #contentPage2 #logo{max-width:40vmin}#overlay h1{margin:20px}#overlay .content{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0}#controlswitch{position:absolute;top:20px;left:50%;font-size:120%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.75);margin:10px;padding:10px;border-radius:5px;text-align:center;white-space:nowrap;cursor:pointer;visibility:hidden}#loadProgress{position:absolute;color:#fff;text-align:center;font-size:150%;top:50%;left:50%;transform:translate(-50%,-50%)}.splashScreen{text-align:center;margin:30px;font-size:120%;color:#aaa}.splashScreen .btnStart{border-radius:10px;border:none;cursor:pointer;background-color:#666;font-size:2rem;padding:1rem 2rem;color:#fff}.splashScreen h1{font-size:250%;padding:10px;margin:0!important;color:#fff}.splashScreen p{color:#bbb!important;padding-left:10px;padding-right:10px}.splashScreen strong{color:#fff}.splashScreen .instructions{padding:20px}.splashScreen .langSelector a{color:#999}.splashScreen .langSelector a.active{color:#fff}#animationMonitor{position:absolute;bottom:0;right:0;border:1px solid white;padding:10px;font-family:monospace;font-size:12px;color:#fff;display:none}#info{position:absolute;left:0;bottom:0;border:1px solid white;padding:20px;z-index:300;color:#fff;display:none}#console{position:absolute;top:0;right:0;border:1px solid white;background-color:#00000040;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:90%;width:600px;height:500px;color:#fff;overflow:scroll;visibility:hidden}#freqAnalyzer{position:absolute;border:1px solid white;background-color:#00000040;min-width:300px;font-size:10px;color:#fff;padding:10px}#freqAnalyzer .bar{background-color:#fff;display:inline-block;height:10px}#freqAnalyzer .num{min-width:30px;display:inline-block}.pad{position:absolute;bottom:0%;min-width:25%;padding-top:25%;background-color:#ffffff1a;border-radius:15px;border:none}@media (orientation: portrait){.pad{min-width:40%;padding-top:40%}}#leftpad{left:0%;visibility:hidden;z-index:10}#rightpad{right:0;visibility:hidden;z-index:10}.toggleHelpBtn{position:absolute;top:2rem;right:2rem}.helpPanel{z-index:1000;position:absolute;top:0;left:0;width:100%;height:100%;display:none;text-align:left}.helpPanel .helpContent h2,.helpPanel .helpContent h3{color:#fff}.helpPanel .closeBtn{position:absolute;top:2rem;right:2rem}.helpPanel .helpContent{position:absolute;background-color:#000;top:0;left:0;width:100%;height:100%;padding:4rem 2rem 2rem;box-sizing:border-box}