@import url(https://fonts.googleapis.com/css2?family=Inter&family=Karla:ital,wght@0,200;0,300;0,400;1,200;1,300&display=swap);*{box-sizing:border-box;margin:0;padding:0}.btn{border:none;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn:hover{background-color:#293264}.section{background-color:#000;display:grid;min-height:100vh;place-items:center;width:100%}.game-container{align-items:center;background-color:#f5f7fb;display:flex;flex-direction:column;justify-content:center;margin:30px 0;min-height:500px;overflow:hidden;position:relative;width:500px}.game-container:before{background-color:#fefad1;right:0;top:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.game-container:after,.game-container:before{border-radius:50%;content:"";display:block;height:300px;position:absolute;width:300px}.game-container:after{background-color:#deebf8;bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.first-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.first-section h1{color:#293264;font-family:Karla,sans-serif;font-size:34px;margin-bottom:10px;margin-top:70px}.first-section p{color:#293264;font-family:Inter,sans-serif;font-size:12.5px}.selection-screen-btn{background-color:#4d5b9e;border-radius:10px;color:#f5f7fb;font-family:Inter,sans-serif;font-size:14px;height:38px;margin-top:40px;transition:.3s ease-in-out;width:120px}.second-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.input--difficulty{align-items:center;color:#464646;display:flex;font-family:Karla,sans-serif;font-size:.8rem;margin:15px 0}.input--difficulty>h1{font-size:.8rem;margin-right:10px;width:100px}.input--difficulty--container{background-color:#f5f5f5;border:1px solid #eee;border-radius:4px;display:grid;grid-template-columns:1fr 1fr 1fr;height:25px;place-items:center;position:relative}.input--difficulty--slider{background-color:#fff;border:1px solid #d4d4d4;border-radius:4px;cursor:pointer;height:100%;left:0;position:absolute;transition:.3s ease-in-out;width:70px;z-index:1}.input--difficulty--option{cursor:pointer;display:grid;height:100%;place-items:center;width:70px}.input--difficulty--option--text{color:#464646;font-family:Inter,sans-serif;font-size:.66rem;transition:.3s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:10}.input--category{align-items:center;color:#464646;display:flex;font-family:Karla,sans-serif;font-size:.8rem;margin:15px 0}.input--category>h1{font-size:.8rem;margin-right:10px;width:100px}.input--category select{background-color:#fff;border:1px solid #d4d4d4;border-radius:3px;color:#5e5e5e;font-size:.75rem;height:22px;outline:none;text-align:center;width:170px}.input--amount{align-items:center;color:#464646;display:flex;font-family:Karla,sans-serif;font-size:.8rem;margin:15px 0}.input--amount>h1{font-size:.8rem;margin-right:10px;width:100px}.input--amount--container{background-color:#f5f5f5;border:1px solid #d4d4d4;border-radius:4px;color:#5e5e5e;display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden;place-items:center}.input--amount--container>*{background-color:#fff;display:grid;font-family:Inter,sans-serif;font-size:.76rem;height:20px;place-items:center;width:24px}.input--amount--container .amount--current{border-left:1px solid #eee;border-right:1px solid #eee;color:#4d5b9e;-webkit-user-select:none;-ms-user-select:none;user-select:none}.input--amount--container .amount--minus,.input--amount--container .amount--plus{cursor:pointer}.input--type{color:#464646;display:flex;font-family:Karla,sans-serif;font-size:.8rem;margin:15px 0}.input--type>h1{font-size:.8rem;margin-right:10px;width:100px}.input--type--container{display:flex;flex-direction:column}.input--type--container>div{align-items:center;display:flex;padding-bottom:7px}.input--type--container>div>input{accent-color:#4d5b9e}.input--type--container>div>label{padding-left:7px}.input--type--container>div>input:checked+label{color:#4d5b9e}.start-quiz-btn{align-self:center;background-color:#4d5b9e;border-radius:10px;color:#f5f7fb;font-family:Inter,sans-serif;font-size:11px;font-weight:600;height:36px;margin:20px;transition:.3s ease-in-out;width:120px}.third-section{display:flex;flex-direction:column;height:100%;padding:15px 15px 0;position:relative;width:100%;z-index:10}.third-section .single-question{border-bottom:.79px solid #dbdef0;margin:0 40px;padding:13px 0}.third-section .single-question>h1{color:#293264;font-family:Karla,sans-serif;font-size:13px;font-weight:500;line-height:17px}.third-section .btn-container{margin-top:5px}.third-section .btn-container>.answer-btn{background-color:transparent;border:1px solid #293264;border-radius:7px;color:#293264;font-family:Inter,sans-serif;font-size:10px;font-weight:500;margin-right:5px;margin-top:2px;padding:2px 5px;transition:.1s ease-in-out}.third-section .btn-container>.answer-btn:hover{background-color:#d6dbf5;border:1px solid #d6dbf5}.check-answers-btn{align-self:center;background-color:#4d5b9e;border-radius:10px;color:#f5f7fb;font-family:Inter,sans-serif;font-size:11px;font-weight:600;height:36px;margin:20px 0 30px;transition:.3s ease-in-out;width:120px}.fourth-section{display:flex;flex-direction:column;height:100%;padding:15px 15px 0;position:relative;width:100%;z-index:10}.fourth-section .single-question{border-bottom:.79px solid #dbdef0;margin:0 40px;padding:13px 0}.fourth-section .single-question>h1{color:#293264;font-family:Karla,sans-serif;font-size:13px;font-weight:500;line-height:17px}.fourth-section .btn-container{margin-top:5px}.fourth-section .btn-container>.answer-btn{background-color:transparent;border:1px solid #293264;border-radius:7px;color:#293264;font-family:Inter,sans-serif;font-size:10px;font-weight:500;margin-right:5px;margin-top:2px;padding:2px 5px;transition:.1s ease-in-out}.fourth-section .btn-container>.answer-btn:hover{background-color:#d6dbf5;border:1px solid #d6dbf5}.results-container{align-items:center;display:flex;justify-content:flex-end}.results-container>h1{color:#293264;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.play-again-btn{align-self:center;background-color:#4d5b9e;border-radius:10px;color:#f5f7fb;font-family:Inter,sans-serif;font-size:11px;font-weight:600;height:36px;margin:20px 60px 30px 30px;transition:.3s ease-in-out;width:120px}
/*# sourceMappingURL=main.e4bc32a3.css.map*/