.area-login {
    width: 36%;
    height: 100%;
    top: 5%;
}

.main-page {
    width: 100vw;
    height: 125vh;
}


@media (max-width: 1024px) {
    .area-login {
        width: 45%;
        height: 65%;
        top: 15%;
    }
}

/*media celular*/
@media (max-width: 768px) {
    .area-login {
        width: 90%;
        height: 80%;
        top: 5%;
        padding: 0px;
    }

    .menu-login {
        margin-bottom: 5px;
    }

    input.form-login {
        margin-bottom: 5px;
        width: 440px;
        max-width: 80vw;
    }

    button.btn-login {
        margin-top: 5px;
    }

    img.logo-prof-mainpage {
        width: 130px;
    }

    .main-page {
        width: 100vw;
        height: 200vh;
    }
}