body { font-family: Arial, sans-serif; background-color: #222; color: #fff; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #333; border-radius: 5px; } h1 { text-align: center; margin-bottom: 20px; color: #fff; } form { display: flex; flex-direction: column; } .question { margin-bottom: 20px; } .question h2 { margin-bottom: 10px; color: #fff; } .question ul { list-style: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0; } .question li { width: 50%; } .question input[type="radio"] { margin-right: 10px; } .button { display: block; width: 150px; margin: 20px auto; padding: 10px; background-color: #00bfff; border: none; color: #fff; font-size: 16px; cursor: pointer; border-radius: 5px; } .button:hover { background-color: #00a0e9; } #result { margin: 20px 0; text-align: center