body {
    background-color: #e0f7fa;
    font-family: 'Comic Sans MS', cursive, sans-serif;
    color: #00695c;
}

h1, h2, h3 {
    font-family: 'Cherry Swash', cursive;
    color: #004d40;
}

a:link, a:visited {
    color: #00796b;
    text-decoration: none;
    border-bottom: 2px solid #004d40;
}

a:hover, a:active {
    border-bottom: 2px solid #00796b;
    background-color: #004d40;
    color: #e0f7fa;
}

button {
    background-color: #004d40;
    color: #e0f7fa;
    border: none;
    padding: 10px 20px;
    margin: 10px;
    cursor: pointer;
    border-radius: 5px;
}

button:hover {
    background-color: #00796b;
}

.form-control {
    border-radius: 5px;
    border: 1px solid #004d40;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.quiz-question {
    background-color: #e0f7fa;
    padding: 10px;
    margin: 20px 0;
    border-left: 5px solid #00796b;
}

.quiz-answer {
    background-color: #b2dfdb;
    margin: 5px 0;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #004d40;
}

.quiz-answer:hover {
    background-color: #004d40;
    color: #e0f7fa;
}