*{margin:0;padding:0;box-sizing:border-box}body{background-image:linear-gradient(to right,#8360c3,#2ebf91)}.settings{display:flex;justify-content:space-around;align-items:center;height:60vh;margin-top:1.5rem}form{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:left;height:50vh;width:45vw;margin-top:-3rem}.header{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center;padding:1rem;border:2px solid #011644;background-color:#011644}.header-title{font-family:Ubuntu,sans-serif;font-size:50px;font-weight:700;color:#93dd94;text-align:center;letter-spacing:5px;text-shadow:3px 3px 20px #ff99cc,-2px 1px 30px #ff99cc}#abc{width:100%;padding:10;margin-bottom:10;border-radius:4;background-color:#ff4500;text-align:center;color:#fff;text-transform:capitalize}.footer{position:absolute;bottom:0;background-image:linear-gradient(to right,#0f0c29,#302b63,#24243e);color:#fff;width:100vw;text-align:center;height:1.3rem;display:flex;flex-direction:column;justify-content:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin-top:2rem}.quiz-title{text-align:left;margin-top:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:lighter;font-size:1.5rem;color:#fff;margin-left:5.5rem}select{width:100%;padding:.5rem}input{padding:.5rem;width:100%}form button{background-color:#000;color:#fff;padding:.5rem;border-radius:15px;width:100%}.image{background:url(/assets/img-5adac927.jpg);background-repeat:no-repeat;background-size:cover;border-radius:50%;width:30vw;height:50vh;margin-top:-4.5rem;box-shadow:5px 8px 8px #161616}.quiz-box{margin-top:2.5rem}.username{text-align:center;font-size:1.3rem;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;margin:auto;color:#fff}.box{display:flex;justify-content:space-between;font-size:.7rem;color:#111212;padding:.5rem}.question-box{display:flex;flex-direction:column;align-items:center;color:pink;margin-left:3rem;margin-right:3rem}.question{display:flex;flex-direction:column;padding:.5rem;background-color:#fff;align-items:center;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.options{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}.single_option{padding:.5rem;width:35vw}.question-no{font-size:2rem;margin-bottom:.8rem}.question h3{text-align:center;font-family:monospace;color:#000}.controls{display:flex;justify-content:space-around;align-items:center;width:80%;padding:1rem}.controls button{width:30%;padding:.4rem;border-radius:12px}.but1{background-color:#000;color:#fff;border:2px solid black}.but2{background-color:#2f2696;color:#fff;border:2px solid rgb(47,38,150)}.select{background-color:#5be02b;color:#fff}.wrong{background-color:red;color:#fff}.result{display:flex;flex-direction:column;align-items:center;margin-top:4.5rem;padding:.5rem;width:30%;height:30vh;margin-left:auto;margin-right:auto;box-shadow:#a229a740 0 54px 55px,#ac15151f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#db242417 0 -3px 5px}.final{margin:auto}.result h1{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#222020}.result h2{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin-top:1rem;color:#adff2f}.result button{padding:.5rem;margin-top:1rem;width:10rem;font-size:large;border-radius:15px;border:2px solid red;color:#fff;text-decoration:underline}.spinner{text-align:center;width:100vw}@media only screen and (max-width: 600px){.header-title{font-size:25px}.header{height:3rem;display:flex;flex-direction:column;justify-content:center}.settings{display:flex;flex-direction:column;align-items:center}.image{display:none}.quiz-title{text-align:center;margin-left:0;margin-bottom:-2rem}form{width:70vw;height:40vh}.controls button{width:100%;padding:.4rem;border-radius:12px}.but1{margin-top:1rem;margin-bottom:1rem}.options{display:flex;flex-direction:column}.single_option{padding:.5rem;margin-bottom:-1rem;width:60vw;font-size:.7rem}.username{margin-top:-1.5rem;font-size:1rem}.question-no{font-size:medium}.footer{bottom:0}.controls{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.question{width:80vw;height:65vh}.question h3{font-size:small}.result{width:80vw;margin:auto;margin-top:6.5rem}.result h1{font-size:1.3rem}}.errorrr{text-align:center;margin-top:5rem;font-size:4rem;font-weight:700;color:red}@media only screen and (min-width: 1000px){.image{height:52vh;width:25vw}}