form input:focus {
        outline: none;
        border-color: rgba(200, 200, 200, 0.35);
}

.input {
        background-color: rgba(11, 11, 27, 0.6);
        color: white;
        border: none;
        padding: 1.4rem;
        margin: 0.8rem 0;
        min-height: 70px;
}

#formContainer {
        margin: auto;
        width: 100%;
        min-height: 200px;
}

.inputStyle::placeholder {
        color: rgb(151, 151, 151);
}

.submitContainer {
        align-items: stretch;
        width: 100%;
        flex-flow: row wrap;
        display: flex;
        margin: auto;
        justify-content: space-between;
}
.submitContainer>* {
        flex: 1 1 auto;
}

.signuphidden {
        display: none;
}

.signupshown {
        display: inline;
}

#submitbutton {
        font-size: 1.5rem;
        color: #ccc;
        font-weight: bold;
        background-color: rgba(200, 200, 200, 0.01);
        border: solid 0.1rem rgba(200, 200, 200, 0.17);
        border-radius: 0.25rem;
        padding: 1.5rem 4rem;
        transition: transform .3s;
}

#submitbutton:hover {
        cursor: pointer;
        transform: scale(1.07);
}

#submitbutton:disabled {
        background-color: rgba(255, 140, 0, 0.5);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
        -webkit-text-fill-color: white;
        box-shadow: 0 0 0px 1000px #071126 inset;
        color: white;
        border: none;
}