body {margin: 20px; font-family: Open Sans, sans-serif;} h1 {text-align: center; margin-bottom: 20px;} .question {max-width: 600px; margin: 0 auto; padding: 20px; position: relative;} .question-container {display: grid; grid-template-columns: auto 1fr; align-items: flex-start; column-gap: 5px;} .question-text {font-weight: 800; margin: 0;} .question-number {margin-bottom: 0; font-size: 16px; font-weight: bold; width: 30px; text-align: right; border-right: 2px solid none; padding-right: 10px; line-height: 1.4;} .options {display: flex; flex-direction: column; align-items: flex-start; margin-left: 40px; margin-top: 12px;} .option {margin-bottom: 10px; display: flex; align-items: baseline; cursor: pointer;} .option input[type="radio"] {cursor: pointer;} .option input {margin-right: 10px;} .correct-tick::before { content: "\2713"; color: green; font-size: 14px; position: absolute; left: +37px; line-height: 1;} .explanation {margin-bottom: 10px; display: none;} #time-clock {position: fixed; top: 50%; right: 10px; font-size: 18px; font-weight: bold; color: rgba(0, 0, 0, 0.2);} #score-container {text-align: center;} #start-button {display: block; margin: 20px auto; padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;} #skip-toggle {cursor: pointer;} .watermark {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); font-size: 48px; color: rgba(0, 0, 0, 0.5); width: 200%; text-align: center;} .watermark span {display: block; line-height: 1.2;} .watermark span:nth-child(1) {font-size: 30px;} .watermark span:nth-child(2) {font-size: 50px;} .logo { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.05; z-index: -1; } .logo img { display: block; width: 100px; height: auto; } @media print {.watermark {display: block;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} .fade-in {animation: fadeIn 1s ease-in;} ::-webkit-scrollbar {width: 0px; background-color: transparent;} #particles-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} #particles-js {position: relative; width: 100%; height: 100%; background-color: #ffffff; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;