:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}body{width:80%;height:100vh;margin:0 auto!important;padding-top:80px;text-align:center!important}div img{animation:react-spin 13s linear infinite}@keyframes react-spin{to{transform:rotate(360deg)}}.start-screen{padding-top:120px}.start-screen p{padding:20px}.start-screen p span{font-size:20px;font-weight:700}button{color:#36bcf7;background:transparent;font-size:16px;padding:15px;border:2px solid #36BCF7;border-radius:50px;cursor:pointer;transition:.3s}button:hover{color:#fff;background:#36bcf7}.questions{padding-top:50px}.questions h3{padding-bottom:30px}.questions ul{max-width:400px;margin:auto;display:flex;flex-direction:column}.questions ul button{width:100%;margin:10px 0}.select{background:#36bcf7!important;border:none!important;transform:translate(20px)}.correct{color:#fff;background:green!important;border:solid 2px #fff}.correct:hover{background:green}.wrong{color:#fff;background:red;border:solid 2px #f00}.wrong:hover{background:red}.cursor{cursor:not-allowed}.quiz-footer{max-width:400px;height:50px;margin:10px auto;display:flex;justify-content:space-between;align-items:center}
