.logo-gdc {
    width: 150px;
    height:100px;
}

.h-100vh {
    height: 100vh;
}

.ems-title {
    font-size: 6rem;
    color: var(--color_dark_blue);
    letter-spacing: 6px;
    display: inline-block;
    transform: scaleX(1.5);
    transform-origin: left;
}

.ems-description {
    transform: scaleX(1.5);
    transform-origin: left;
}

.border-top-dark-blue {
    border-top: 3px solid var(--color_dark_blue);
}

.w-fit-content {
    width: fit-content;
}

.w-stretch {
    width: stretch;
}

.left-form {
    box-shadow: rgba(100, 100, 111, 0.5) 0px 10px 10px 10px;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

@media (max-width: 1024px) {
    #loginSystem .input-group, #loginSystem button {
        width: 80% !important;
    }

    .ems-description {
        transform: scaleX(1);
        transform-origin: left;
    }
}

@media (max-width: 768px) {
    #loginSystem .input-group, #loginSystem button {
        width: 100% !important;
    }

    .ems-title {
        font-size: 4rem;
        color: var(--color_dark_blue);
        letter-spacing: 6px;
        display: inline-block;
        transform: scaleX(1);
        transform-origin: left;
    }
}

@media (max-width: 700px) {
    .left-form {
        width: 100% !important;
    }

    .right-form {
        display: none !important;
    }
}

@media (max-width: 428px) {
    .left-form {
        width: 100% !important;
    }
}