@media screen and (max-aspect-ratio: 1/1) {
    @font-face {
        font-family: 'PPNeueWorld';
        src: url('../fonts/PPNeueWorld-CondensedRegular.otf ') format('opentype');
        font-weight: 400;
        font-style: normal;
    }
    @font-face {
        font-family: 'Ainslie Sans';
        src: url('../fonts/ainslie-sans-normal-regular.otf') format('opentype');
        font-weight: 400;
        font-style: normal;
    }
    body{
        background: linear-gradient(180deg, #8FA3BD, #242535);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    main{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }
    .mobileLogo, .mobileH1 {
        display: flex;
    }
    .mobileH1{
        font-size: 25px;
        color: #F6F4EA;
        padding-bottom: 40px;
        font-family: 'PPNeueWorld';
        font-weight: 200;
    }
    .mobileLogo{
        width: 70%;
        height: auto;
    }
    .quadradoAzul{
        display: none;
    }
    .containerPrincipal{
        height: 55%;
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        border-radius: 20px;
        margin-top: 10px;
        padding-top: 30px;

    }
    .container-login{
        margin-left: 30px;
        align-items: flex-start;
        margin-bottom: 0;
    }
    .container-login h1{
        font-size: 45px;
        margin-bottom: 0;
        opacity: 0.7;
        font-family: 'Ainslie Sans';
    }
    .text-label{
        font-weight: 100;
        font-size: 20px;
        margin-right: 55%;
        padding-bottom: 5px;
        opacity: 0.6;
        font-family: 'Ainslie Sans';

    }
    .input-text{
        width: 200%;
        height: 30px;
        font-size: 20px;
        margin-left: 95%;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    #check-login{ 
        margin-top: 20px;
        padding-bottom: 10%;
        width: 150%; /* ficar em uma linha só */
        font-size: 15px;
        font-family: 'Ainslie Sans';

    }
    #login-button{
        background: linear-gradient(90deg, #8FA3BD 0%, #4D576C 30%, #242535 90%);
        color:#F4F2E8;
        font-size: 20px;
        font-weight: 200;
        width: 150%;
        height: 40px;
        border-radius: 10px;
        margin-left: 95%;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: 'Ainslie Sans';
        font-weight: 200;
    }

}