@media screen and (max-width:768px) {
    .main-loginCard {
        width: 560px;
    }
    @media screen and (max-width:600px) {
        .main {
            overflow: hidden;
        }
        .main-loginCard {
            width: 100%;
            height: 100%;
            box-shadow: 0 0 0 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background-color: rgba(255,255,255,0.1);
        }
        .main-loginCard-close {
            height: 30px;
            width: 30px;
            left: 30px;
            top: 35px;
            border-radius: 15px;
        }
        .main-loginCard-title {
            margin-top: 70px;
        }
        .main-loginCard-close-hoverImg {
            height: 23px;
            width: 23px;
        }
        .main-loginCard-title-logo {
            margin-bottom: 50px;
        }
        .main-loginCard-inputBox-mail-account-input, .main-loginCard-inputBox-mail-password-input {
            background-color: transparent;
            font-size: 1.2rem;
        }
        .main-loginCard-inputBox-mail-button {
            margin-top: 30px;
        }
    }
}