/* ID that centers the validation text */
#validation {
    text-align: center;
}

/* add a margin around the entire footer */
footer {
    margin: 50px;
}

/* Style the body background */
body {
    background-color: #f5f5f5;
    color: #1a1a1a;
    font-family: Arial, sans-serif;
}

/* heading */
h1 {
    text-align: center;
    color: #e62429;
}

/* inner div container */
#container {
    background-color: #ffffff;
    border: 3px solid #e62429;
    border-radius: 10px;
    padding: 15px 30px;
    max-width: 500px;
    margin: 20px auto;
    font-size: 1.1em;
}

/* Button Container */
#buttonContainer {
    text-align: center;
    margin: 30px auto;
}

/* button styling */
button {
    background-color: #e62429;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px 40px;
    border: 3px solid #e62429;
    border-radius: 12px;
    cursor: pointer;
    letter-spacing: 2px;
}

/* footer link */
footer a {
    color: #e62429;
}