/* Creates a container for the form that is also centered*/

.form-container{
    display: flex;
    flex-direction: column;
    border-style:solid;
    padding: 10px;
    max-width:400px;
    margin:auto;
    font-size: 28px;
}

/* Ensures that inputs and options are standard size and centered*/
.form-container input,
.form-container option{
    font-size: 24px;
    width:100%;
    max-width: 325px;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
}

/* Ensures that select and buttons are a standard size and centered*/
.form-container select,
.form-container button{
    max-width:325px;
    width: 100%;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
    font-size: 24px;
}

h1{
    text-align: center;
}

footer{
    text-align: center;
}