index-ca22901a9007c7a8.css

html,body{margin:0;padding:0;background:#1b1b1b;color:whitesmoke;font-family:"Roboto", sans-serif;height:100%;overflow:hidden}.title{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:whitesmoke;position:absolute;margin:0.2em 0 0 0;width:100%;text-align:center;font-size:4em;text-transform:full-width}.simulation-window{height:100%;width:100%}.panel{position:absolute;bottom:0;margin:0 5em;padding:5em 0 1em 0;display:flex;flex-direction:column;align-items:center;opacity:20%;transition:500ms ease-in-out}.panel:hover{opacity:unset}.panel__buttons{margin-top:1em}.panel__buttons>*{min-width:10em}.panel__buttons>*:not(:first-child){margin-left:1em}button{color:#fff;background:#2c3e50;padding:0.5em 2em;border:none;border-radius:1em;transition:250ms}button:hover{background:#1abc9c}button:active{transform:scale(0.9)}.settings{display:flex;flex-wrap:wrap;justify-content:center}.settings>*{flex-basis:30%}.slider{width:20em}.slider__label{display:block}.slider__input{-webkit-appearance:none;width:calc(100% - (73px));height:10px;border-radius:5px;background:#d7dcdf;outline:none;padding:0;margin:0}.slider__input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#2c3e50;cursor:pointer;transition:background 0.15s ease-in-out}.slider__input::-webkit-slider-thumb:hover{background:#1abc9c}.slider__input:active::-webkit-slider-thumb{background:#1abc9c}.slider__input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#2c3e50;cursor:pointer;transition:background 0.15s ease-in-out}.slider__input::-moz-range-thumb:hover{background:#1abc9c}.slider__input:active::-moz-range-thumb{background:#1abc9c}.slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c}.slider__value{display:inline-block;box-sizing:border-box;position:relative;width:60px;color:#fff;line-height:20px;text-align:center;border-radius:3px;background:#2c3e50;padding:5px 10px;margin-left:8px}.slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-right:7px solid #2c3e50;border-bottom:7px solid transparent;content:""}::-moz-range-track{background:#d7dcdf;border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0}