@font-face {
    font-family: 'Montserrat-light';
    src: url('../fonts/Montserrat-Light.ttf');
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat-light', sans-serif;
    color: #fff;
}
.colorWhite {
    color: #fff !important;
}
.borderWhite {
    border-color: #fff !important;
}
#contentContainer {
    background: linear-gradient(45deg, #4e9e45 0%, #9fd142 100%);
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
#logoContainer {
    position: absolute;
    top: 0px;
    left: 0;

    display: inline-block;
}
#logo {
    width: 270px;
}
#formHeader {
    font-size: 40px;
    text-align: center;
    margin-bottom: 52px;
}
#showPassIcon {
    position: absolute;
    width: 22px;
    right: 14px;
    top: 35px;
    opacity: 0.6;
}
form {
    width: 586px;
    position: relative;
}
#submitButton {
    margin-top: 57px;
    background-color: #289E74;
    padding: 15px 0;
    box-shadow: 0px 15px 30px rgba(43, 99, 52, 0.25);
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}
#submitButton:hover {
    background-color: #30AB7F;
}
.submitClicked {
    background-color: #269970 !important;
}
.inputContainer {
    position: relative;
    padding: 25px 21px 11px 14px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 22px;
}
input {
    z-index: 2;
    display: block;
    width: 100%;
    font-family: 'Montserrat-light';
    color: #fff;
    font-size: 20px;
    background-color: transparent;
    border: 0px transparent;
}
input:focus {
    outline: none;
}
input[type=checkbox] {
    width: auto;
    display: inline-block;
}
.inputHolder {
    z-index: 1;
    position: absolute;
    font-size: 20px;
    top: 25px;
    left: 14px;
    transition: all 100ms linear;
    color: rgba(255, 255, 255, 0.4);
}
.moveLabel {
    top: 0px;
    left: 0px;
    font-size: 13px;
}
input:invalid {
    box-shadow: none;
}
.colorInvalid {
    color: #BA32A4 !important;
}
.borderInvalid {
    border-color: #BA32A4 !important;
}
