body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bar{height:200px;margin:0 1em;-webkit-transform:rotateX(-20deg) rotateY(-30deg);transform:rotateX(-20deg) rotateY(-30deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:2em}.side{background:hsla(0,0%,100%,.25);height:100%;position:absolute;width:100%}.back{-webkit-transform:translateZ(-4x);transform:translateZ(-4x)}.left{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:left;transform-origin:left}.right{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right}.top{background:hsla(0,0%,100%,.15);height:34px;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:top;transform-origin:top}.bottom{Background:rgba(225,0,120,.5);height:34px;-webkit-transform-origin:top;transform-origin:top;transition:.3s}.bottom,.color-bar{box-shadow:rgba(225,0,120,.2)}.color-bar{background-color:rgba(225,0,120,.5);-webkit-transform:.3s;transform:.3s}.input{height:25px;outline:none;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-bottom:0;margin-top:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}body{background-color:#292a40}.App{text-align:center}.frame{position:relative;top:35px}.container,.frame{align-items:center;display:flex;justify-content:center}.container{height:230px;margin:5em 0}.card{background-color:#9197ae;border-radius:2em;bottom:40px;padding:0 1em;position:relative}.controller{background-color:#292a40;background-image:linear-gradient(90deg,transparent 50%,#3de1cf 0);background-size:200% 100%;border:1px solid #3de1cf;border-radius:100px;color:#3de1cf;display:inline-block;font:normal normal 300 1.3em Open Sans;margin:5px;padding:.3em 1.2em;text-decoration:none;transition:background-position .3s cubic-bezier(.19,1,.22,1) .1s,color .5s ease 0s,background-color .5s ease}.controller:hover{background-color:#000;background-position:-100% 100%;color:#000}.control-buttons{height:4em;width:15em}.control-buttons,.control-panel{align-items:center;display:flex;justify-content:center}.control-panel{bottom:50px;gap:20px;height:170px;position:relative}.title{background-color:#192733;color:#f5f5f5;font-size:75px;height:140px}.title,p{align-items:center;display:flex;font-family:sans-serif;justify-content:center}p{color:#3de1cf;font-size:1.1em;top:15px}.slider,p{position:relative}.slider{bottom:15px}input[type=range]{-webkit-appearance:none;appearance:none;background-color:initial;height:33px;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#3de1cf;border:0 solid #000101;border-radius:25px;box-shadow:0 0 0 #000;cursor:pointer;height:6px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#3d898d;border:0 solid #000;border-radius:7px;box-shadow:0 0 0 #000;cursor:pointer;height:27px;margin-top:-10.5px;width:13px}input[type=range]:focus::-webkit-slider-runnable-track{background:#3de1cf}input[type=range]::-moz-range-track{background:#3de1cf;border:0 solid #000101;border-radius:25px;box-shadow:0 0 0 #000;cursor:pointer;height:6px;width:100%}input[type=range]::-moz-range-thumb{background:#3d898d;border:0 solid #000;border-radius:7px;box-shadow:0 0 0 #000;cursor:pointer;height:27px;width:13px}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:6px;width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#3de1cf;border:0 solid #000101;border-radius:50px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{background:#3d898d;border:0 solid #000;border-radius:7px;box-shadow:0 0 0 #000;cursor:pointer;height:27px;margin-top:1px;width:13px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#3de1cf}select{background-color:initial;border:1px solid #3de1cf;border-radius:100px;color:#3de1cf;display:inline-block;font:normal normal 300 1.15em Open Sans;margin:5px;padding:.3em 1.2em;text-decoration:none}
/*# sourceMappingURL=main.32cec4fd.css.map*/