:root {
    --red-color :#BE3144;
    --Yellow-color:#ffc107;
    --white-color: #ffffff;
}

.form-section img{
    height: 100vh;
    width: 100vw;
    object-fit: cover;
}

form {
    background-color: var(--red-color);
    background: transparent;
    backdrop-filter: blur(15px) !important;
    height: 90vh;
    width: 70%;
    background-image: linear-gradient( to right, #BE3144, #BE3144, transparent);
    opacity: 0.8;
    border: 3px solid var(--white-color) !important;
}


.Email-and-password input {
    background-color: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 2px solid !important;
    padding-left: 30px !important;
    color: var(--white-color) !important;
}

.container-fluid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(7px);
}

.user-icon-container {
    margin-bottom: -30px;
}

.fa-envelope, .fa-lock {
    color: var(--Yellow-color) !important;
}

::placeholder {
    color: var(--white-color) !important;
}

.user-icon-container i {
    border: 5px solid var(--white-color) !important;
    border-radius: 100px;
    padding: 30px 35px;
}

form button {
    background-color: var(--Yellow-color) !important;
}

.Forgot-link {
    color: var(--Yellow-color) !important;
}