body{margin:0;background-color:#80808038}form{display:flex;flex-direction:column;justify-content:center;align-items:center}form h1{border:3px solid rgba(0,0,0,.659);background-color:#fff;border-radius:5px;padding:5px 10px;box-shadow:3px 3px 4px #000000a8;text-shadow:2px 2px 5px hsl(0,58%,38%);font-family:monospace;font-weight:700;font-size:3.5rem}form h1:after{content:"🎓"}form label{margin-top:10px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.3rem}form input,form select{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:1rem;border:none;border-radius:1px;font-weight:700;cursor:pointer}.selections{display:flex;flex-direction:column;border:2px solid rgba(0,0,0,.659);border-radius:5px;margin-bottom:5px;width:300px;text-align:center;background-color:#eee8aa;transition:background-color .5s ease}.selections:hover{background-color:#e6dd7f}form button{background-color:#2ced2c;transition:background-color .5s ease;border:3px solid black;border-radius:10px;margin-top:10px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.3rem;padding:10px;cursor:pointer}form button:hover{background-color:#12d312}#loading-and-generate{text-align:center;background-color:#ff0000a3;color:#fff;font-family:monospace;font-weight:bolder;font-size:2rem}#loading-and-generate:before{content:"*";color:#000000a6;text-shadow:none}#loading-and-generate:after{content:"*";color:#000000a6;text-shadow:none}ol,.answer-choices{list-style:none;text-align:center}.display span{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.5rem;padding-bottom:50px}.question{width:200px;text-decoration:underline}.question-number{color:#ff0000b9}.answer-choices{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px 0;margin:0 auto;max-width:fit-content}.answer-choices button{font-size:1.2rem;font-weight:bolder;width:400px;border:2px solid black;border-radius:10px;background-color:#fff;cursor:pointer}.answer-choices button:hover{background-color:#ffffffa2}.display-container{display:flex;flex-direction:column}.submit-quiz{width:30%;font-family:Arial,Helvetica,sans-serif;font-weight:bolder;font-size:2rem;background-color:#ffff00e1;border:2px solid black;border-radius:10px;margin:0 auto;cursor:pointer}.submit-quiz:hover{background-color:#ffff0092}.fade-in{opacity:1;transition:opacity .5s ease-in}.fade-out{opacity:0;transition:opacity .5s ease-out;pointer-events:none}.score{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px auto;background-color:#d9ff002b;border-radius:20px;max-width:1000px}.score h2{font-family:Arial,Helvetica,sans-serif;font-size:2.5rem}.score li{list-style:none}.score button{margin-bottom:10px;font-family:bold;font-size:1.5rem;font-family:Arial,Helvetica,sans-serif;border-radius:10px;border:3px solid black;cursor:pointer;background-color:#fff;transition:background-color .5s ease;width:250px}.score button:hover{background-color:#e6e6e6}.score #text{font-family:Arial,Helvetica,sans-serif;font-size:1.5rem}