main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;

    /*background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);*/
    /*background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);*/
    /*background: rgb(174,238,224);
    background: radial-gradient(circle, rgba(174,238,224,1) 0%, rgba(148,187,233,1) 100%) background-image: linear-gradient(to top, #09203f 0%, #537895 100%);*/
    /*background: radial-gradient(circle, rgba(25, 135, 84, 0.6), rgba(87, 142, 117, 0.86));
    -webkit-background: radial-gradient(circle, rgba(25, 135, 84, 0.6), rgba(87, 142, 117, 0.86));
    -moz-background: radial-gradient(circle, rgba(25, 135, 84, 0.6), rgba(87, 142, 117, 0.86));*/

    background: radial-gradient(circle, rgba(25, 135, 84, 0.6), rgba(25, 135, 84, 0.85));
    -webkit-background: radial-gradient(circle, rgba(25, 135, 84, 0.6), rgba(25, 135, 84, 0.85));
    -moz-background: radial-gradient(circle, rgba(25, 135, 84, 0.6), rgba(25, 135, 84, 0.85));
}
.login-container {
    display: flex;
    max-width: 400px;
    width: 100%;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 500px;
    margin-bottom: 50px !important;
}

.logoApp {
    max-width: 65%;
}