body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.nav-bar{margin:0 auto;padding:0}.nav-bar ul{padding:0;margin:0;display:flex;list-style:none;width:100%;background-color:#303c6c;justify-content:center}.nav-bar ul a{text-decoration:none;color:#fff;display:block;padding:15px;margin:0 5px}.nav-bar ul .active,.nav-bar ul a:hover{background:#fff;color:#818080}.home-text{font-size:72px}.App-header{background-color:#282c34;min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{padding:30px}.preview-box{display:flex;align-items:flex-end;padding:10px 20px}.flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.text-center{text-align:center}.green-button{color:#fff!important;background-color:#137a13!important;margin-right:5px!important}.green-button:disabled{color:#797878!important;background-color:#0c520c!important}.green-button:hover{background-color:rgba(19,122,19,.61)!important}.green-button:active{background-color:#4f994f!important}.red-button{color:#fff!important;background-color:#ad1f1f!important;margin-left:5px!important}.red-button:disabled{color:#797878!important;background-color:#5e1515!important}.red-button:hover{background-color:rgba(173,31,31,.788)!important}.red-button:active{background-color:#b16868!important}.restart-button{color:#fff!important;background-color:#3f51b5!important;margin:5px 10px!important;width:360px}.restart-button:disabled{color:rgba(0,0,0,.26)!important;background-color:rgba(0,0,0,.12)!important}.restart-button:hover{background-color:rgba(63,81,181,.788)}.change-len-button{margin:2px 10px!important}p{margin-bottom:2px}form{margin:auto 5px}.slider-container{margin-top:30px}.m-10{margin:10px}.item{width:20px;margin:0 2.5px;background-color:#ebd038}.item:hover{background-color:#d49d31}.highlight{background-color:#4287f5}
/*# sourceMappingURL=main.5587b2f7.chunk.css.map */