body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-image: linear-gradient( #1A1A1A -10%, #1E1E1E);

}

main {
  flex: 1 0 auto;
  height: 20vh !important;
}

.login-header{
    padding-top: 10vh;
}

.login-pogi-icon{
    font-size: 7rem !important;
}

.loging-logo{
    max-width: 30vw;
    text-shadow: 1px 1px 1px #000;
}
.login-pogi-text{
    margin: .3em 0 0 0;
    font-size: 3rem;
    letter-spacing: 10px;
    text-shadow: 0px 1px 1px #000;
}

#loginForm{
    margin-top: 2vh;
}

/* .login-field::placeholder{
    color: #9a9a9a;
} */
.login-field{
    font-size: 1.2em !important;
    height: 8vh;
    background-color: #fbf9fc;
    border: 0;
    padding: 10px;
    border-radius: 4px;
    color: #000;
    letter-spacing: 1;


}

.loginSubmitButton{
    font-size: 1.5em;
    height: 9vh;
    background-color: white;
    background: linear-gradient(to right, #A17C00  , #D9AF00);
    border: 0;
    border-radius: 10px;
    color: white;
    letter-spacing: 1.5;
    transition: .5s;
}

.loginSubmitButton:hover{
    color: darkgrey;
    background: linear-gradient(to left, #A17C00  , #D9AF00);;

}

footer{
    margin-top: 5vh !important;
}

/* Media Customizations */
@media (min-width: 767px) {
    footer{
        margin-top: 10vh !important;
    }
    .footer-logo{
        max-width: 15vw;
    }

    .login-field, .loginSubmitButton{
        height: 7vh;
        width: 25vw;
    }
    .loging-logo{
        width: 22vw;
    }
}