*{margin:0;padding:0}:root{--primary-color: 111, 76, 255;--text-color: "Red Hat Display",sans-serif;--text-font: "Manrope",sans-serif}body{background-color:#ebebf0}.home{line-height:1;margin-left:50px;width:50%;margin-top:10rem}.type-text{display:flex;flex-direction:column;margin-top:15rem;margin-right:auto;margin-left:auto}#box{display:flex;justify-content:space-between;align-items:center}.app-name{font-weight:700;font-size:6rem}.text-gradient{background:linear-gradient(to right,#30CFD0,#c43ad6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:6rem;font-weight:400}.circular-progress{display:flex;justify-content:center;align-items:center;margin-top:15rem}.quizInfo{display:inline-flex;flex-direction:column;font-size:20px;margin-top:1rem;margin-left:5rem;line-height:1.5;text-transform:uppercase}.info-text{background-image:linear-gradient(135deg,#69f,#f36,#69f,#f36)!important;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.question h1{font-size:5rem}.subtitle{display:flex;justify-content:center;font-size:3rem;margin-top:1rem;background-image:linear-gradient(135deg,#69f,#f36,#69f,#f36)!important}.question{width:100%;display:flex;flex-direction:column;align-items:center}.singleQuestion{width:95%;min-height:250px;display:flex;flex-direction:column;align-items:center;padding:20px;margin-top:1rem;font-family:var(--text-font);font-weight:500;font-size:1.5em}.options{width:100%;display:flex;flex-wrap:wrap;flex:1;align-items:center;justify-content:space-around;margin:10px}.singleOption{width:46%;height:60px;padding:15px 20px;margin:10px;border-style:none;border-radius:20px;box-shadow:0 8px 16px #0003,0 6px 20px #00000030;cursor:pointer;font-size:17px}@media (max-width: 614px){.singleOption{width:100%}}.controls{display:flex;width:100%;justify-content:space-evenly;margin-top:2rem}.select{border:3px solid rgb(7,207,0);color:#07cf00}.wrong{border:3px solid rgb(233,0,0);color:#e90000}.result{display:flex;flex-direction:column;justify-content:center;height:60vh;text-align:center}.start-btn{width:46%;height:10px;padding:15px 20px;border-style:none;border-radius:20px;cursor:pointer;font-size:17px;display:flex;justify-content:center;align-items:center;margin:10px auto;text-decoration:none;background-color:#494646;color:#fff;transition:.4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 40px 6px #0000001a}.start-btn:hover{box-shadow:0 8px 16px #0003,0 6px 20px #00000030;transform:translateY(-7px)}.last-btn{background-image:-webkit-linear-gradient(315deg,#69f,#f36,#69f,#f36);background-image:linear-gradient(135deg,#69f,#f36,#69f,#f36);color:#fff;background-size:400%;-webkit-animation:button_gradient__ge1TP 15s ease-in-out infinite;animation:button_gradient__ge1TP 15s ease-in-out infinite;transition:.4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 40px 6px #0000001a;cursor:pointer;margin-left:auto;margin-right:auto;width:8em;height:3em;display:flex;border-style:none;border-radius:50px;text-decoration:none;align-items:center;justify-content:center}.last-btn:hover{box-shadow:0 15px 20px #67686866;transform:translateY(-7px)}.again-btn{margin-top:3rem}.final-desc{background-image:linear-gradient(135deg,#69f,#f36,#69f,#f36)!important;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem}@media only screen and (max-width: 375px){*{margin:0;padding:0}:root{--primary-color: 111, 76, 255;--text-color: "Red Hat Display",sans-serif;--text-font: "Manrope",sans-serif}body{background-color:#ebebf0}#box{display:block;margin:0}.text-gradient{background:linear-gradient(to right,#30CFD0,#c43ad6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem;font-weight:400}.app-name{font-weight:700;font-size:3rem}.type-text{display:flex;flex-direction:column;justify-content:center;width:50%;margin-top:1rem}.start-btn{width:56%}.home{line-height:1;margin-left:1rem;width:50%;margin-top:2rem}.subtitle,.quizInfo{display:none}.question{margin-left:5px;margin-right:5px;font-size:small}.question h1{font-size:3rem;margin-top:1rem}.controls{display:flex;width:100%;justify-content:space-around;font-size:large;margin-top:2rem}.last-btn{transition:none;box-shadow:0 4px 40px 6px #0000001a;box-shadow:0 15px 20px #67686866}.last-btn:hover{transform:none}.final-desc{background-image:linear-gradient(135deg,#69f,#f36,#69f,#f36)!important;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem}}@media only screen and (max-width: 810px) and (min-width:374px){#box{display:flex;flex-direction:column;margin:0}.text-gradient{background:linear-gradient(to right,#30CFD0,#c43ad6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3.5rem;font-weight:400}.app-name{font-weight:700;font-size:3.5rem}.type-text{justify-content:center;width:40%;margin-top:1rem}.start-btn{width:56%}.home{line-height:1;margin-left:1rem;width:70%;margin-top:1rem;margin-bottom:2rem}.subtitle,.quizInfo{display:none}.question{margin-left:5px;margin-right:5px;font-size:small}.question h1{font-size:3rem;margin-top:1rem}.controls{display:flex;width:100%;justify-content:space-around;font-size:large;margin-top:2rem}.last-btn{transition:none;box-shadow:0 4px 40px 6px #0000001a;box-shadow:0 15px 20px #67686866}.last-btn:hover{transform:none}.final-desc{background-image:linear-gradient(135deg,#69f,#f36,#69f,#f36)!important;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem}}