*{margin:0;padding:0;box-sizing:border-box}body{background-color:#2b2d2f;padding:3vh 3%;font-family:Rubik,sans-serif}main{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;padding:3vh 0vw;max-width:992px;margin:0 auto}.toggler{display:flex;justify-content:space-between;align-items:center;width:40%;margin-bottom:5%;height:25px}@media screen and (min-width:992px){.toggler{width:20%}}.color-toggler{width:50px;border:1px solid #383839;background-color:#383839;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;padding:2px;height:100%;display:flex}.color-toggler-dark{width:50px;border:1px solid #f5f5f5;background-color:#f5f5f5;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;padding:2px;height:100%;display:flex;justify-content:flex-end}.toggler-slider{width:20px;background-color:#f5f5f5;border:1px solid #f5f5f5;height:100%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em}.toggler-slider-dark{width:20px;background-color:#2b2d2f;border:1px solid #2b2d2f;height:100%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em}.toggler-item{color:#293264;font-size:1.3em}.toggler-item-dark{color:#f5f5f5;font-size:1.3em}form{display:flex;align-items:center;justify-content:space-between;margin-bottom:5%;flex-direction:column}form label{font-weight:500;color:#4d5b9e}.difficulty{margin-top:5%}select{width:100px;background-color:#f5f5f5;padding:1% 5%;font-size:1.1rem;font-weight:500;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-family:Rubik,sans-serif}.select-dark{background-color:#e0f2f7}.firstPage{text-align:center}.firstPage h1{color:#293264;letter-spacing:1px;padding:5%}.firstPage p{font-size:1.1rem;margin:0% 0 5%}.firstPage button{background-color:#4d5b9e;border:1px solid #4D5B9E;padding:5% 15%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;color:#f5f7fb;font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:5%}.firstPage-dark{text-align:center}.firstPage-dark h1{color:#6ed8ef;letter-spacing:1px;padding:5%}.firstPage-dark p{font-size:1.1rem;margin:0% 0 5%;color:#6ed8ef}.firstPage-dark button{background-color:#6ed8ef;border:1px solid #6ED8EF;padding:5% 15%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;color:#383839;font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:5%}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5%}footer h3{color:#f5f5f5;font-size:1.2rem;letter-spacing:1px}.icons{margin-top:5%;display:flex;align-items:center;justify-content:space-between;width:50%}.icon-tags{color:#f5f5f5;font-size:30px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.icon-tags:hover,.icon-tags:focus,.icon-tags:active{color:#35d0db;font-size:35px}.checkAnswers{background-color:#4d5b9e;border:1px solid #4D5B9E;padding:3% 8%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;color:#f5f7fb;font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:3%}.checkAnswers-dark{background-color:#6ed8ef;border:1px solid #6ED8EF;padding:3% 8%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;color:#383839;font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:3%}.play-again,.play-again-dark{display:flex;flex-direction:column;align-items:center}.play-again-dark button{background-color:#6ed8ef;border:1px solid #6ED8EF;padding:3%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;color:#383839;font-size:1rem;font-weight:600;letter-spacing:1px;width:60%;margin-top:3%}.play-again button{background-color:#4d5b9e;border:1px solid #4D5B9E;padding:3%;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;color:#f5f7fb;font-size:1rem;font-weight:600;letter-spacing:1px;width:60%;margin-top:3%}.play-again-dark p{color:#6ed8ef;font-weight:700;font-size:1.1rem}.play-again p{color:#293264;font-weight:700;font-size:1.1rem}.secondPage{display:flex;flex-direction:column;justify-content:center;align-items:center}.question{width:80%;margin:0 auto 5%;font-size:1rem;font-weight:400}.question hr{margin-top:3%}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1%;text-align:center;cursor:pointer;font-weight:500;border-radius:.5em;-webkit-border-radius:.5em;-moz-border-radius:.5em;-ms-border-radius:.5em;-o-border-radius:.5em}.mainQuestion{font-weight:700;margin-bottom:5%;font-size:1.1rem;color:#293264}.mainQuestion-dark{font-weight:700;margin-bottom:5%;font-size:1.1rem;color:#a3dbe2}@media screen and (min-width:992px){.play-again,.play-again-dark{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:70%}.play-again-dark button,.play-again button{padding:2% 8%;width:40%;margin-top:0%}.answers{grid-template-columns:1fr 1fr 1fr 1fr}.checkAnswers,.checkAnswers-dark{padding:2% 8%}}