.main-container {
    padding: 0 !important;
}

.welcomeSection {
    background-color: #2b3e4e;
    height: calc(100vh - 98px);
}

.heroImg {
    max-height: 600px;
}

.contentContainer {
    margin: 0 auto;
    width: 95%;
    max-width: 1200px;
}

.loginFormContainer {
    background-color: #FFF;
    border-radius: 0.25rem;
    padding: 1rem;
}

.loginFailed {
    color: #dc2626;
    display: none;
}

input {
    background-color: #e5e7eb;
    border: none;
    border-radius: .25rem;
}

.forgotPass {
    color: #64748b;
    transition: all .1s ease-in;
}

.forgotPass:hover {
    color: #334155;
}

.loginBtn {
    background-color: #94a3b8;
    border: none;
    border-radius: .25rem;
    color: #FFF;
    transition: all .1s ease-in;
}

.loginBtn:hover {
    background-color: #64748b;
}