header {
    text-align: center; /* Center the header text */
    font-family: 'Pacifico', cursive; /* Apply the Google Font */
    font-size: 2.5em; /* Increase the font size */
    margin-top: 20px; /* Add some margin at the top */
}

#image-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
}

#image-container div {
    padding-right: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

#image-container img {
    margin: 10px;
    border: 2px solid transparent;
    width: 66.67vw; /* 2/3 of the viewport width */
    height: auto;
    border-radius: 10px;
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    margin: 0 5px;
}

.correct {
    background: green;
}

.incorrect {
    background: red;
}

#check-button {
    background-color: #4CAF50; /* Green background */
    border: none; /* Remove border */
    color: white; /* White text */
    padding: 15px 32px; /* Some padding */
    text-align: center; /* Centered text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Make the button inline-block */
    font-size: 16px; /* Increase font size */
    margin: 10px 2px; /* Some margin */
    cursor: pointer; /* Pointer/hand icon */
    border-radius: 12px; /* Rounded corners */
    transition: background-color 0.3s; /* Smooth transition */
    position: fixed; /* Fixed positioning */
    bottom: 20px; /* Distance from the bottom */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Center horizontally */
}

#check-button:hover {
    background-color: #45a049; /* Darker green on hover */
}