@import url("https://fonts.googleapis.com/css?family=Assistant");

* {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html {
    font-size: 62.5%;
}

body {
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 1.6rem;
}

.login {
    position: fixed;
    background: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
}

.login__card {
    width: 80vw;
    max-width: 1400px;
    height: 60.44444vw;
    background-color: #f8f8f8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-bottom: 12.88889vw;
}

.login__logo-link {
    display: block;
    margin-top: 8.05556vw;
}

.login__logo-image {
    width: 10.66667vw;
    max-width: 192px;
}

.login__message {
    margin-top: 4.44444vw;
    font-size: 2.77778vw;
    color: #003764;
}

.login__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login__form-group {
    margin-top: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.login__password {
    width: 41.8%;
    font-size: 1.38889vw;
    border: none;
    border-bottom: 2px solid #003764;
    padding: 1.16667vw 10px;
    outline: none;
}

.login__label {
    font-size: 1.38889vw;
    margin-left: 15px;
}

.login__btn {
    margin-top: 10.27778vw;
    width: 15.22222vw;
    height: 4.33333vw;
    background-color: #003764;
    font-size: 2.22222vw;
    color: #fff;
    border: none;
    border-radius: 1500px;
    font-weight: normal;
    outline: none;
}

    .login__btn:hover {
        text-decoration: underline;
        cursor: pointer;
    }

@media screen and (min-width: 1800px) {
    .login__card {
        height: 888px;
        max-width: 1200px;
        padding-bottom: 232px;
    }

    .login__logo-link {
        margin-top: 125px;
    }

    .login__logo-image {
        width: 172px;
    }

    .login__message {
        margin-top: 80px;
        font-size: 50px;
    }

    .login__form-group {
        margin-top: 180px;
    }

    .login__password {
        font-size: 25px;
        padding: 21px, 10px;
    }

    .login__label {
        font-size: 25px;
    }

    .login__btn {
        margin-top: 165px;
        width: 274px;
        height: 78px;
        font-size: 40px;
    }
}

@media screen and (max-width: 575px) {
    .login__card {
        height: 94.6087vw;
        padding: 0 15px 20.17391vw 15px;
    }

    .login__logo-link {
        margin-top: 12.52174vw;
    }

    .login__logo-image {
        width: 16.69565vw;
    }

    .login__message {
        margin-top: 6.95652vw;
        font-size: 4.34783vw;
    }

    .login__form-group {
        margin-top: 15.65217vw;
    }

    .login__password {
        font-size: 4.17391vw;
        padding: 1.73913vw 10px;
    }

    .login__label {
        font-size: 4.17391vw;
    }

    .login__btn {
        margin-top: 16vw;
        width: 23.82609vw;
        height: 6.78261vw;
        font-size: 3.47826vw;
    }
}