body{margin:0;font-family:Arial;background-color: #1976d2;display:flex;justify-content:center;align-items:center;overflow:auto}
.card{background:#fff;max-width:50%;padding:30px;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.3)}

h2{text-align:center;color:#1565c0}
h3{text-align:center;color:#1565c0}
h4{text-align:center;color:#1565c0}
select,textarea,input{width:100%;padding:10px;margin:6px 0 15px;border-radius:8px;border:1px solid #ccc}
button{width:100%;background:#1976d2;padding:12px;border:none;border-radius:10px;cursor:pointer}
button:hover{background:#0d47a1}
.answers{display:flex;justify-content:space-between;margin-bottom:15px}
.answer-btn{width:18%;background:#e3f2fd;border:1px solid #90caf9}
.answer-btn.active{background:#1976d2;color:#fff}

.answers.error {
    border: 2px solid red;
    padding: 8px;
    border-radius: 6px;
}

@media (max-width: 800px) { 

    .card{
        padding:30px;
        border-radius:15px; color: #1976d2;
    }
}