@font-face{font-family:cartoonslam;src:url(/assets/cartoonslam.617d0c7c.ttf)}*{font-family:Karla;padding:0;margin:0;box-sizing:border-box}.App{width:800px;min-height:50vh;margin:10px auto 0;border:1px solid #e7e7e7;position:relative;padding:50px;border-radius:10px}.App .yellow{position:absolute;top:0;right:0;z-index:-1}.App .blue{position:absolute;bottom:0;left:0;z-index:-1}.App h2{display:inline;color:#5b65a0;font-family:cartoonslam}button{cursor:pointer}.landing{text-align:center}.landing h1{color:#5b65a0;font-family:cartoonslam;margin-top:80px}.landing p{margin:20px 0}.landing button{background-color:#4d5b9e;color:#f5f7fb;padding:10px 24px;border-radius:5px;border:none;font-size:1rem;margin-top:10px}.landing button:hover{background-color:#424f8f;transition:.1s}.landing .optional{display:flex;flex-direction:column;align-items:center}.landing .optional select{padding:5px 10px;width:150px;margin-bottom:10px;cursor:pointer}.landing .question{border-bottom:1px solid #DBDEF0;padding:10px 0}.question .options{margin:10px 0;display:flex;gap:10px}.question .options button{background-color:#f5f7fb;padding:10px 15px;text-align:center;border:2px solid #4D5B9E;border-radius:9px;font-size:1rem}.question .options button:hover,.question .options button.active{background-color:#4d5b9e;border:2px solid #4D5B9E;color:#f5f7fb;transition:.2s}.question .options button.active:hover{background-color:#424f8f;border:2px solid #4D5B9E;color:#f5f7fb;transition:.2s}.question .options button.wrong{background-color:#f8bcbc;border:2px solid #F8BCBC;color:#293264}.question .options button.correct{background-color:#94d7a2;border:2px solid #94D7A2;color:#4d5b9e}.controls{padding-top:20px;display:flex;justify-content:center;text-align:center}.controls h2{color:#53ad66}.controls p{margin-top:10px}.controls .btn-control{background-color:#2c9b44;padding:10px 15px;text-align:center;border:2px solid #2c9b44;border-radius:9px;color:#fff;font-size:1rem}.controls .btn-control-disabled{background-color:#979797;padding:10px 15px;text-align:center;border:2px solid #979797;border-radius:9px;color:#3d3d3d;font-size:1rem;cursor:not-allowed}.controls .btn-restart{background-color:#4d5b9e;color:#f5f7fb;padding:10px 24px;border-radius:5px;border:none;font-size:1rem;margin-top:20px}.controls .btn-restart:hover{background-color:#424f8f;transition:.1s}.controls .btn-control:hover{background-color:#288d3e;transition:.2s}@media only screen and (max-width: 650px){.App{width:100%;padding:30px 20px;height:100vh;margin-top:0}.question .options{display:flex;flex-wrap:wrap}.question .options button{background-color:#f5f7fb;padding:10px 15px;text-align:center;border:2px solid #4D5B9E;border-radius:9px;font-size:1rem}.landing h1{margin-top:30vh}.controls .btn-restart,.controls .btn-control{margin-bottom:50px}}