.login-container{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);left:50%;padding:50px 20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:800px}@media (max-width:600px){.login-container{padding:40px 10px}}form{align-items:center;display:flex;flex-direction:column}input[type=email],input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:8px 0;padding:12px 20px;width:370px}@media (max-width:600px){input[type=email],input[type=text]{width:250px}}.button-container{display:flex}button[type=submit]{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin:8px;padding:14px 20px;width:175px}@media (max-width:600px){button[type=submit]{width:100px}}button[type=submit]:hover{background-color:#45a049}.config{background-color:#1b00b4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin:8px;padding:15px;width:175px}@media (max-width:600px){.config{width:130px}}.config:hover{background-color:#1500ff}.logo{margin:25px;width:200px}body{box-sizing:border-box;margin:0;padding:0}.App{text-align:center}.App-logo{height:15vmin;pointer-events:none}.red-border{border:1px solid red}.green-border{border:1px solid green}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite both}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.normal-button{background-color:#6e6e6e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin:8px;padding:15px;width:175px}.normal-button:active{background-color:#2800c9}.normal-button:hover{background-color:#040085}.wrong-answer{background-color:red;color:#fff}.correct-answer,.wrong-answer{border:none;border-radius:5px;cursor:pointer;font-size:15px;margin:8px;padding:15px}.correct-answer{background-color:#06f00f;color:#000}.next{background-color:#1500d0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin-top:60px;padding:15px;width:300px}.next:active{background-color:#2800c9}.next:hover{background-color:#040085}body{background-color:#f2f2f2;font-family:Arial,sans-serif}.trivia-container{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);left:50%;margin:0 auto;padding:250px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:900px}@media (max-width:600px){.trivia-container{padding:10px}}h1{color:#333;font-size:32px;margin:20px 0}@media (max-width:600px){h1{font-size:24px}}.question{color:#555;font-size:24px;margin:20px 0}@media (max-width:600px){.question{font-size:18px}}.answers{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.answer{background-color:#eee;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;font-size:18px;margin:0 10px 10px;padding:10px 20px;transition:all .2s ease}@media (max-width:600px){.answer{font-size:14px;margin:0 5px 5px;padding:5px 10px}}.answer:hover{background-color:#ddd}.correct{background-color:#90ee90;border-color:green}.incorrect{background-color:#f08080;border-color:red}.result{color:#555;font-size:20px;margin-top:20px}@media (max-width:600px){.result{font-size:16px}}
/*# sourceMappingURL=main.a8cbbe92.css.map*/