*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#000;margin:0;padding:0;width:100%;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navbar{background-color:#fff8e7;height:150px;width:100%}.navbaritems{height:150px;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.navbar img{height:100px;width:100px;object-fit:contain}#navbar-logo{margin-top:0;height:250px;width:250px;object-fit:contain}.details{position:relative;color:#fff;margin:0;background-color:#f3d2a3;background-image:url(/xfactor-mentor-quiz-project/assets/detailsimage-BlCaf9_H.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:650px;width:100%}.details:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3d2a301}.details h1{text-align:center;padding-top:60px;margin-bottom:30px}.details h3{padding:10px;text-align:center;width:950px;margin:0 auto}.quiz{background-image:url(/xfactor-mentor-quiz-project/assets/quizimage-BduDXGpk.jpg);background-size:100% auto;background-repeat:repeat-y;background-position:center;text-align:center;background-color:#e6cfc0;padding-bottom:20px;color:#fff}#submitbutton{font-size:3rem;height:90px;width:300px;border-radius:25px;text-align:center;background-color:#e6cfc0}#submitbutton:hover{background-color:#f7e0a0}.container{text-align:center}.container img{border-radius:5rem;height:400px;width:400px;object-fit:contain}.imgtext{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.checkboxes{font-size:1.5rem;display:flex;flex-direction:column;gap:20px;text-align:left}.checkboxes input{display:none}.checkmark{display:inline-block;width:20px;height:20px;border:2px solid white;border-radius:4px;margin-right:10px;vertical-align:middle;position:relative;cursor:pointer}.checkboxes input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:2px solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.label{height:60px;width:300px;border:2px solid white;border-radius:25px;padding-left:12px}.footer{border:5px solid black;background-color:#fff8e7;height:150px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}.navicons{border-radius:20px;height:80px;width:300px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.navicons a img{height:50px;width:50px;object-fit:contain}@media (min-width: 1024px) and (max-width: 1279px){.navbar{font-size:1rem;height:100px;padding:10px}.navbaritems{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;height:100px}.navbar img{height:60px;width:60px}#navbar-logo{height:100px;width:100px;margin-top:0}.details{height:400px;background-size:cover;padding:20px}.details h1{width:800px;margin:0 auto;font-size:1rem;padding-top:30px}.details h3{width:800px;margin:0 auto;font-size:.8rem}#submitbutton{font-size:1rem;height:60px;width:200px}.container img{height:300px;width:300px}.imgtext{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.checkboxes{font-size:1rem;gap:10px}.label{width:200px;height:40px;font-size:.9rem}.footer{flex-direction:column;height:auto;gap:15px;padding:10px}.navicons{width:200px;height:60px}.navicons a img{height:40px;width:40px}}@media (min-width: 600px) and (max-width: 1023px){.navbar{font-size:.7rem;height:120px;padding:10px}.navbaritems{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;height:100px}.navbar img{height:60px;width:60px}#navbar-logo{height:100px;width:100px;margin-top:0}.details{height:400px;background-size:cover;padding:20px}.details h1{width:500px;margin:0 auto;font-size:.7rem;padding-top:30px}.details h3{width:500px;margin:0 auto;font-size:.7rem}#submitbutton{font-size:1.5rem;height:60px;width:200px}.container img{height:300px;width:300px}.imgtext{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.checkboxes{font-size:1rem;gap:10px}.label{width:200px;height:40px;font-size:.9rem}.footer{flex-direction:column;height:auto;gap:15px;padding:10px}.navicons{width:200px;height:60px}.navicons a img{height:40px;width:40px;margin-bottom:20px}}@media (min-width: 320px) and (max-width: 599px){.navbar{font-size:.5rem;height:100px}.navbaritems{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;height:100px}.navbaritems h1{text-align:center}.navbar img{height:60px;width:60px}#navbar-logo{height:100px;width:100px;margin-top:0}.details{height:450px;background-size:cover;padding:20px}.details h1{width:290px;font-size:.7rem;padding-top:30px}.details h3{width:290px;font-size:.5rem}.quiz{background-size:cover;padding:10px}#submitbutton{font-size:2rem;height:60px;width:200px}.container img{height:200px;width:200px}.imgtext{flex-direction:column;gap:10px}.checkboxes{font-size:1rem;gap:10px}.label{width:200px;height:40px;font-size:.9rem}.footer{flex-direction:column;height:auto;gap:15px;padding:10px}.navicons{width:200px;height:60px}.navicons a img{height:40px;width:40px}}