input {
    box-sizing: border-box;
    width: 100%;
    margin: 8px 0px;
    padding: 8px 10px;
    background-color: rgb(236, 236, 236);
    border: 2px solid rgb(199, 199, 199);
    border-radius: 8px;
}

input:focus {
    background-color: rgb(255, 255, 255);
    color: black;
    outline: none;
}

.flash {
    box-sizing: border-box;
    width: 100%;
    margin: 8px 0px;
    padding: 8px 10px;
    border: 2px solid rgb(255, 0, 0);
    border-radius: 8px;
    background-color: rgb(255, 202, 202);
    color: rgb(0, 0, 0); /* Changed text color to black */
    display: flex;
    justify-content: center;
    padding: 5px;
}

.submit {
    transition: all 0.1s linear;
    background-color: rgb(84, 138, 255);
    border: 2px solid rgb(68, 0, 255);
    justify-content: center;
    color: white;
}

.submit:hover {
    transform: scale(1.01);
    background-color: rgb(134, 172, 255);
}

.form-container {
    border-radius: 8px;
    border: 2px solid rgb(211, 211, 211);
    padding: 12px;
    margin: auto;
    margin-top: 20px;
    font-size: 14px;
    width: 40vw;
}

.form-head {
    font-size: 4vh;
    font-weight: bold;
    display: table;
    margin: 0 auto;
}