body{margin:0;font-family:Arial,sans-serif;background-color:var(--bg-color-1);color:var(--text-color-1);display:flex;justify-content:center;align-items:center;height:100vh}.container{width:768px;height:768px;text-align:center;margin:5rem auto}.hero{height:768px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-2);padding:40px;border-radius:40px;box-shadow:-10px 10px 20px #0003}.hero-border{width:100%;height:100%;box-shadow:-5px -5px 10px #0003 inset;border-radius:20px;overflow:hidden}button{display:block;width:200px;padding:15px;margin:auto;background-color:var(--main-color-1);color:var(--bg-color-1);border:none;border-radius:30px;font-size:1.2rem;transition:background-color .3s;box-shadow:-5px 5px 10px #0003}header{min-width:1400px;padding:10px 4rem;display:flex;align-items:center;justify-content:space-between}.logo{padding:.5rem}.logo img{width:50px}.questions{min-height:688px;padding:20px}.active{display:block}.question-image{padding:2rem}.question-image img{max-width:400px;max-height:200px;border-radius:10px}.question-content{position:relative;margin:auto;padding:2rem 0;max-width:600px;min-height:344px}.question-text{font-size:28px;color:#333}.answer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;overflow:hidden;padding:40px}.correct{animation:correctBlink .5s ease-in-out;background-color:green!important}.wrong{animation:wrongBlink .5s ease-in-out;background-color:red!important}@keyframes correctBlink{0%,to{opacity:1}50%{opacity:.5}}@keyframes wrongBlink{0%,to{opacity:1}50%{opacity:.5}}.result img{width:50%;margin:1rem 0}.answers{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.answers h2{min-height:40px;font-size:1.8rem;padding-top:.2rem}.answers p{font-size:1.2rem}.game-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.game-start img{width:50%}h3{min-height:40px;font-size:1.8rem;padding-top:.2rem}input{display:block;padding:15px;border:none;border-radius:30px;font-size:1.2rem;transition:background-color .3s;box-shadow:-5px 5px 10px #0003}*{box-sizing:border-box;margin:0;font-family:Roboto,sans-serif}#root{max-width:1400px;min-height:100vh;display:flex;flex-direction:column;align-items:center;--bg-color-1: #ffffff;--bg-color-2: #f8f8f8;--text-color-1: #333;--main-color-1: #ff6a00}