:root{--grey: #666666;--white: #FFFFFF;--black: #000000;--grey1:#666666;--grey2:#D4D4D4;--grey3:#EEEEEE;--blue:#5171FF;--cyan:#F95F5F;--pink:#FF51F7;--red:#51FFF3;--yellow:#FFFD51;--orange:#FFAE00}@media (min-resolution: 120dpi){html{font-size:100%}}.column{float:left;width:50%}.row:after{content:"";display:table;clear:both}.header{position:absolute;top:1rem;left:2rem;width:10rem;height:1rem;z-index:1}.footer{position:absolute;bottom:1.4rem;left:2rem;width:90%;height:1rem;z-index:1}.logo{width:16rem}.thumb{width:4rem;height:3rem;object-fit:cover}.controls{position:absolute;top:5rem;left:2rem;width:12rem;height:20rem;background-color:transparent;color:#fff;border:none;text-align:left;outline:none;font-size:1rem;z-index:1}.sections{background-color:transparent;color:#fff;border:none;text-align:left;outline:none;font-size:.8rem;line-height:2;z-index:1}.items{position:relative;top:10rem;left:2rem;width:15rem;background-color:transparent;color:#fff;border:none;text-align:left;outline:none;font-size:1rem;z-index:1;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.collapsible{position:relative;top:10.2rem;left:1rem;width:2rem;background-color:transparent;color:var(--grey1);border:none;text-align:left;outline:none;font-size:.8rem;z-index:1}.collapsible:after{content:"˂";font-size:1rem;color:var(--grey1);float:right;margin-left:.2rem;margin-right:.2rem}.active:after{content:"˅"}.active,.collapsible:hover{color:var(--orange)}.toggle{color:var(--grey1);background-color:var(--grey2);font-size:.7rem;text-align:center;padding:.4rem;margin-top:.8rem;margin-right:.4rem;border:solid thin;border-radius:.4rem}.button{color:var(--grey);background-color:#d3d3d3;font-size:.7rem;text-align:center;padding:.4rem;margin-top:.8rem;margin-right:.4rem;border:solid thin;border-radius:.4rem}.button2{color:var(--grey);background-color:transparent;font-size:.7rem;text-align:center;padding:.03rem .01rem;margin-top:.2rem;margin-right:.2rem;border:none;border-radius:.4rem}.button3{position:relative;top:10rem;left:1.6rem;width:8rem;background-color:transparent;color:var(--grey1);border:none;text-align:left;outline:none;font-size:.8rem;z-index:1}.button:hover{color:#eee}.button:focus{color:orange}.button3:hover{color:orange}.button3:focus{color:orange}.overlay{padding:.6rem;border:1px solid orange;border-radius:.4rem;position:absolute;bottom:6rem;right:3rem;width:15rem;height:7rem;z-index:1;opacity:0;background:rgba(200,200,200,.8)}.fadein{pointer-events:auto;animation:fadein 1s ease normal;animation-fill-mode:forwards;animation-delay:.5s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.fadeout{pointer-events:none;animation:fadeout .5s ease normal;animation-fill-mode:forwards}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.label{text-shadow:0px 0px 1px var(--grey);font-family:sans-serif;font-size:.9rem;padding:.1rem;background:rgba(0,0,0,.6);opacity:0;z-index:1}.detail{color:var(--grey);font-family:sans-serif;font-size:1rem;padding:.1rem;background:rgba(0,0,0,.6)}body{padding:0;margin:0}t1{color:var(--grey);font-size:1rem;font-family:Arial,Helvetica,sans-serif;margin-right:.4rem}t2{color:var(--grey);font-size:.8rem;font-family:Arial,Helvetica,sans-serif;margin-right:.4rem}t3{color:var(--grey);font-size:.7rem;font-family:Arial,Helvetica,sans-serif;margin-right:.4rem}canvas{position:absolute;left:0rem;top:0rem;z-index:-1}input[type=range]{-webkit-appearance:none;margin-top:.8rem;appearance:none;background:transparent;cursor:pointer;width:5.3rem}input[type=range]::-webkit-slider-runnable-track{background:lightgrey;height:.8rem;border-radius:.4rem;border:.07rem solid var(--grey)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--grey);height:.66rem;width:1rem;border-radius:.3rem}input[type=range]::-moz-range-track{background:lightgrey;height:.8rem;border-radius:.4rem;border:.07rem solid var(--grey)}input[type=range]::-moz-range-thumb{border:none;background-color:var(--grey);height:.66rem;width:1rem;border-radius:.3rem}#loading-screen{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#ddd;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loadertype{display:block;position:relative;left:50%;top:44%;width:100px;height:50px;margin:-50px 0 0 -50px}#loader{display:block;position:relative;left:50%;top:35%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:3px solid transparent;border-top-color:orange;-webkit-animation:spin 2s linear infinite;animation:spin 1s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:gray;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}