body {
    background-color: #f9f1e7;
}

h1,
h2,
p,
label {
    color: rgb(90, 88, 88);
}

h2 {
    font-style: italic;
}

h3 {
    font-family: 'Great Vibes', cursive;
    font-size: 36px;
}

button {
    background-color: #4fb0d6 !important;
    border-color: #4fb0d6 !important;
}

.bg-primary {
    background-color: #4fb0d6 !important;
}

button:hover {
    background-color: #7fcbe9 !important;
    border-color: #7fcbe9 !important;
}


.form-control {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid rgb(164, 159, 159);
    color: black;
    outline: none;
}

.form-control:focus {
    border: 1px solid rgb(164, 159, 159);
    background-color: transparent;
    outline: none;
    color: black;
}

.form-control::placeholder {
    color: gray;
}

.image-container img {
    width: 100px;
    height: auto;
    object-fit: cover;
}

#pwd-equals-check {
    display: none;
}

#sigin-paragraph {
    font-size: 16px;
    margin-top: 15px;
}

.sign-in-div a,
#sigin-paragraph a {
    text-decoration: none;
    color: #4fb0d6;
}

.password-mismatch-error {
    font-size: 12px;
}

.error-green {
    color: green;
}

.error-red {
    color: red;
}

.sign-in-div {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}