.layout {
    width: 420px;
    border-radius: 10px;
    padding: 30px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

    .layout img {
        width: 60px;
        height: 60px;
    }

    .layout .header {
        text-align: center;
        font-size: 48px;
        color: var(--color);
    }

    .layout .form-control {
        padding: 8px 12px 10px 12px;
        border-radius: 10px;
    }

    .layout .btn-primary {
        padding: 10px;
        border-radius: 10px;
    }
        .layout .btn-primary:disabled {
            background-color: var(--color);
            opacity: 0.8;
            cursor: not-allowed;
            border-color: var(--color);
        }

    .layout .button-div {
        position: relative;
        margin-top: 30px;   
    }
    .layout .forgot-password {
        font-style: italic;
        font-size: small;
        cursor: pointer;
    }



@media only screen and (max-width: 720px) {
    .layout {
        width: 100%;
    }
}