*{box-sizing:border-box;font-family:Courier New,Courier,monospace;margin:0;padding:0}:root{--bg-color1:#1a0b35;--bg-color2:#1c0d36;--bg-black1:rgba(9,15,22,.4);--bg-black2:rgba(9,15,22,.7);--bg-black3:#1e1e1e;--btn-color:rgba(16,31,53,.9);--btn-color2:rgba(23,48,85,.9);--correct:#1b9f54}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Courier New,Courier,monospace}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h3,p{color:#fff}.App{align-items:center;-webkit-animation:gradient 20s ease infinite;animation:gradient 20s ease infinite;background:linear-gradient(-45deg,#47051f,#083023,#021b25,#044534);background-size:400% 400%;display:flex;flex-flow:column;height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.title-container{align-items:center;display:flex;margin:5vh 0}.title{color:#fff;font-family:Courier New,Courier,monospace;margin:0 10px;text-align:center}.sound-icon{align-self:flex-start;margin:0 0 20px 7vw}.start-bg{background-color:rgba(9,15,22,.7);background-color:var(--bg-black2);border-radius:4px;box-shadow:0 4px 10px #000;display:flex;flex-flow:column;height:50vh;padding:4vw;width:88vw}.difficulty{align-items:center;display:flex;flex-flow:row wrap;margin-bottom:20px}.difficulty p{margin-right:20px}.categories{align-items:center;display:flex;flex-flow:row wrap;margin-bottom:20px}.select{background-color:rgba(9,15,22,.7);background-color:var(--bg-black2);border:1px solid #ccc;box-shadow:0 3px 10px #000;color:#fff;font-size:16px;height:32px;margin:10px;padding:5px 35px 5px 5px}.option,.select{border-radius:5px}.option{-webkit-appearance:none;-moz-appearance:none;background-color:#1e1e1e;background-color:var(--bg-black3);font-weight:500;height:34px;padding:8px}.option:hover{background-color:grey!important;color:#fff}.categories p{margin-right:20px}.start-btn{background-color:rgba(16,31,53,.9);background-color:var(--btn-color);border:none;border-radius:10px;box-shadow:0 2px 10px rgba(9,15,22,.7);box-shadow:0 2px 10px var(--bg-black2);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:3px;margin:30px auto 0;padding:10px;transition:.5s;width:150px}.start-btn:hover{background-color:rgba(23,48,85,.9);background-color:var(--btn-color2);box-shadow:0 3px 10px #000;-webkit-transform:scale(108%);transform:scale(108%)}.title-score{text-align:center}.good{color:#adff2f}.normal{color:orange}.bad{color:red}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:rgba(16,31,53,.9);border-top:16px solid var(--btn-color);height:80px;left:0;margin:auto;position:absolute;right:0;top:30%;width:80px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.score{border-bottom:2px solid #000;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:5px}.question-card{background-color:rgba(9,15,22,.4);background-color:var(--bg-black1);border-radius:15px;box-shadow:0 5px 10px 2px #000;display:flex;flex-flow:column;min-height:40vh;padding:2vw;width:84vw}.question-number{font-weight:500;margin-bottom:20px}.question{font-size:1.2rem;font-weight:500;margin-bottom:15px}.answers{display:flex;flex-flow:row wrap;justify-content:space-between;width:80vw}.answer-btn{border:none;border-radius:14px;cursor:pointer;font-size:1.15rem;font-weight:600;margin:6px 0;padding:12px 0;transition:.2s;width:38vw}.answer-btn:hover{-webkit-transform:scaleY(108%);transform:scaleY(108%)}.correct{background-color:#1b9f54;background-color:var(--correct)}.correct,.wrong{color:#1e1e1e;color:var(--bg-black3);font-weight:700}.wrong{background-color:red}.next-btn{align-self:flex-end;background-color:rgba(16,31,53,.9);background-color:var(--btn-color);border:none;border-radius:10px;box-shadow:0 2px 10px rgba(9,15,22,.7);box-shadow:0 2px 10px var(--bg-black2);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin:30px 5px;padding:10px;padding:10px 20px;transition:.3s}.next-btn:hover{background-color:rgba(23,48,85,.9);background-color:var(--btn-color2);box-shadow:0 3px 10px #000;-webkit-transform:scaleY(105%);transform:scaleY(105%)}
/*# sourceMappingURL=main.0aee8a46.css.map*/