@font-face{font-family:technoid;src:url(../fonts/TECHNOID.TTF) format("font/ttf");font-weight:400;font-style:normal}html,body{background-color:#000;margin:0;height:100%}p{color:#fff}.UI{font-weight:bolder;font-size:clamp(12px,1vw,12px);display:flex;padding-inline-start:10%;padding-inline-end:20%}.perfInfo{padding-top:clamp(12px,1vw,12px);padding-bottom:clamp(12px,1vw,12px)}.controls{color:#fff;display:flex;flex-direction:column;padding-inline-start:10%}.magnolia-banner{padding-inline-start:5%;padding-top:1vw}.magnolia-banner h1{letter-spacing:2px;font-family:technoid;animation:rainbow 15s linear infinite}.magnolia-banner h2{font-size:small;font-family:monospace;color:green}@keyframes rainbow{0%{color:#0f0}25%{color:#ff0}50%{color:red}75%{color:#ff0}to{color:#0f0}}#renderMode{color:#ff0}#geometry{color:#0f0}#framerate{color:red}#avgFramerate{color:#fff}canvas{width:100%;height:80%}