.login-background {
    background-image: url("../../../assets/images/background.jpg");
}

.login-form {
    width: 400px;
    margin-top: 60px
}

.primary-background {
    background-color: #05173f;
}

.login-icon-container {
    padding: 10px;
    margin: 3px;
    height: 40px;
    width: 40px;
}

.login-input-container {
    margin: 3px;
}

.login-input {
    height: 40px;
    border: none;
    color: white;
}

.login-input-container input:-webkit-autofill,
.login-input-container input:-webkit-autofill:hover,
.login-input-container input:-webkit-autofill:focus,
.login-input-container textarea:-webkit-autofill,
.login-input-container textarea:-webkit-autofill:hover,
.login-input-container textarea:-webkit-autofill:focus,
.login-input-container select:-webkit-autofill,
.login-input-container select:-webkit-autofill:hover,
.login-input-container select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #05173f inset;
    transition: background-color 5000s ease-in-out 0s;
}

.login-input:focus {
    outline: none;
    box-shadow: none;
}

.login-button {
    height: 100%;
    width: 100px;
    margin: 3px;
    color: #05173f;
    font-weight: bold;
    font-size: 20px;
}

.login-message {
    width: 400px;
    padding: 3px;
    height: 40px;
    color: white;
    text-align: center;
    line-height:34px;
}