*{margin:0;padding:0;font-family:sans-serif}.App{display:flex;flex-direction:column;text-align:center;height:100vh}.app-header{display:flex;height:auto;justify-content:space-between;margin:0 40px;padding:20px 0}.wrapper{display:flex;flex-direction:column;height:100vh;justify-content:center;background-color:#f5f5f5}.play-btn,.reset-btn{position:relative;left:40px;margin:10px;padding:10px;font-size:18px;border:none;border-radius:7px;width:100px;cursor:pointer}.btn-reset{background-color:#464646}.play-btn{background-color:#f59f10;color:#fff}.wrapper .controls button:active,.wrapper .controls button:hover{background-color:#f1b148}.content{display:flex;justify-content:center;align-items:center;font-size:65px;margin:0 40px}.content .lables,.content .values{display:flex;flex-direction:column}.content .lables{margin-right:1.5rem}.content .lables p{text-align:right;font-weight:500}.content .values p{text-align:left;font-weight:300}.settings{padding:7px 45px 20px 40px}.settings-header{margin-bottom:20px}.settings-header h2{font-size:28px;font-weight:500}.modal-form .form-control{display:flex;justify-content:space-between;font-size:24px;margin-top:10px}.modal-form .form-control:last-child{margin-top:20px;margin-bottom:-15px}.modal-form .form-control select{font-size:17px}.modal-form .form-control select:active,.modal-form .form-control select:focus{border:1px solid #f59f10}.btn{cursor:pointer;padding:7px 15px;border:none;border-radius:5px;font-size:17px}.btn-save{background-color:#f59f10;color:#fff}.btn-save:active,.btn-save:hover{background-color:#f1b148}.btn-save:disabled{background-color:#ebebeb;color:#555;cursor:not-allowed}footer{border-top:.5px solid #5c5c5c;padding:0 40px;background-color:#f5f5f5}footer a{text-decoration:none;color:#000}.footer{display:flex;justify-content:space-between;margin:20px 0}.footer .element{margin-top:20px}.footer .settings{width:250px;display:flex;justify-content:space-between;align-items:center}.settings-btn{cursor:pointer}.Modal_Modal__162I9{position:fixed;z-index:500;background-color:#fff;width:70%;border:1px solid #ccc;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);border-radius:7px;padding:16px;left:15%;top:30%;box-sizing:border-box;transition:all .3s ease-out}@media (min-width:600px){.Modal_Modal__162I9{width:500px;left:calc(50% - 250px)}}.Backdrop_Backdrop__11Pxb{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5)}
/*# sourceMappingURL=main.4e331f98.chunk.css.map */