.app-container{height:100%;width:100%;background-color:#222;justify-content:center;align-items:center;font-family:sans-serif;font-weight:100;display:flex}.wrapper{width:24rem;background-color:#eee;border-radius:1rem;flex-direction:column;justify-content:center;padding:2rem;display:flex}.wrapper h1{text-align:center;margin-bottom:2rem}.wrapper .output-wrapper{justify-content:space-around;display:flex}.wrapper .output-wrapper .color-output{height:10rem;width:10rem;justify-content:center;align-items:center;margin:0 auto;display:flex}.wrapper .output-wrapper .color-output h2{color:#fff;text-shadow:0 0 .2rem #373737}.wrapper .output-wrapper .training-wrapper{flex-direction:column;justify-content:space-between;display:flex}.wrapper .output-wrapper .training-wrapper button{color:#fff;border:none;border-radius:2rem;padding:1rem}.wrapper .output-wrapper .training-wrapper button.red{background-color:red}.wrapper .output-wrapper .training-wrapper button.red:hover{background-color:#c00}.wrapper .output-wrapper .training-wrapper button.green{background-color:green}.wrapper .output-wrapper .training-wrapper button.green:hover{background-color:#004d00}.wrapper .output-wrapper .training-wrapper button.blue{background-color:#00f}.wrapper .output-wrapper .training-wrapper button.blue:hover{background-color:#00c}.wrapper .output-wrapper .training-wrapper button:hover{cursor:pointer}.wrapper .input-wrapper{color:#373737;text-align:center;background-color:#ccc;border-radius:2rem;flex-direction:column;margin:1rem;padding:1rem;display:flex}.wrapper .input-wrapper label{margin-bottom:.5rem}.wrapper .input-wrapper input:hover{cursor:pointer}
/*# sourceMappingURL=index.de4ab640.css.map */