@import url(https://fonts.googleapis.com/css2?family=Codystar:wght@300;400&display=swap);@tailwind base;@tailwind components;@tailwind utilities;@layer base{.btn-correct,.btn-options,h1{@apply bg-slate-800 text-slate-300 text-xl px-10 py-3 text-start rounded hover:translate-x-3 hover:bg-orange-400 hover:text-slate-900 transition duration-100 ease-linear}}@layer components{.btn-slate{@apply rounded transition duration-150 ease-linear hover:bg-slate-800 py-3 px-8 mt-4 text-lg bg-slate-300 text-slate-800 hover:text-slate-400 font-bold}}button.correct,button.correct:hover{background-color:#0f8da0}button.wrong,button.wrong:hover{background-color:#fca046}.btn-option{background-color:#3f474c;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px;transition:.5s;width:100%}.btn-option:hover{background-color:#2c3235;border:1px solid #394245;margin-left:25px}.answer{margin-left:25px}.startscreen{align-items:center;display:flex;flex-direction:column;justify-content:center}.startscreen h1{text-align:center}.startscreen h3{margin:15px}.start{background-color:#3f474c;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-bottom:15px;margin-top:15px;padding:10px 15px;transition:.5s}.startscreen a{color:#fca046}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#2a3335;color:#fff;min-height:100vh;padding-top:50px}.header{align-items:center;display:flex;font-family:Codystar,sans-serif;font-size:35px;font-style:normal;font-weight:700;font-weight:400;justify-content:center;padding-top:35px;text-align:center}.main{margin:auto;padding:25px}.main,.options{align-items:center;display:flex;flex-direction:column;justify-content:center;width:80%}.options h4{margin-bottom:25px;text-align:center}.option{display:flex;flex-direction:column;width:100%}.btn-start{background-color:#3f474c;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:15px;padding:10px;transition:.5s}.progressbar{align-items:center;display:flex;flex-direction:column;justify-content:center;width:80%}.progressbar progress{width:100%}.result{background-color:#0f8da0;border-radius:18px;margin-bottom:30px;padding:10px 20px}.progress{padding:20px 0;width:100%}.progress,footer{align-items:center;display:flex;justify-content:space-between}footer{width:75%}
/*# sourceMappingURL=main.7c243a2b.css.map*/