h1,h4,p{font-family:Roboto,sans-serif}.controls,.text{padding:20px}.container,.controls{display:inline-block}body{background-color:#02010a;color:#f8f9fa;position:relative}h1{font-weight:700}h4,p{font-weight:400}.container{position:absolute;top:0;left:23%;width:77%;height:100vh}.container svg{width:100%;height:100vh}.controls{box-sizing:border-box;width:23%;vertical-align:top}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#fff;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#00F5D4;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#00F5D4;cursor:pointer}