body {
    text-align: center;
}

.container {
    background-color: #e0dfdf;
    border-radius: 30px;
    max-width: 500px;      /* keeps the box from going full width */
    width: 90%;            /* makes it responsive */
    margin: 10px auto;     /* centers the box */
    padding: 20px;
    text-align: center;    /* centers the headings */
}

.inputField {
    width: 100%;           /* fills the container */
    margin-bottom: 20px;
}

.inputField p {
    margin: 0 0 8px 0;
    font-weight: bold;
}

/*input {
    width: 100%;           /* keeps inputs centered 
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #aaa;
}*/

/*
input {
    width: 100%; /* Full width input 
    height: 33px;
    margin: 10px 0;
}*/

.navbar p {
    display: inline-block;
    padding: 0.45rem 0.75rem;
    text-decoration: none;
    font-weight: 400;
    font-size: x-large;
    text-align: center;
}

.button {
    text-decoration: none;
    padding-top: 2%;
    padding-bottom: 2%;
}

.button a {
    background-color: #1c2a12;
    border-radius: 6px;
    padding: 1%;
    color: #f2f1eb;
    text-decoration: none;
}

.existingAcc {
    text-decoration: underline;
    font-size: 80%;
}

h8 {
    font-size: 90%;
    color: red;
}