body {
    width: 1500px;
    height: 1000px;

    background: linear-gradient(#A0C2C8, #A6CD9E);
}

.logo {
    position: absolute;
    margin: -3% 0 0 1%;
    height: 30%;
}

.titre {        /*pas fini*/
    margin: 4% 10% 0 25%;
    font-weight: 50;
    font-size: 450%;
}

.background {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;

    background: rgba(36, 60, 64, 0.7);
}


.logoEmail {
    position: absolute;
    margin: 6.5% 0 0 31%;
    height: 12%;
    background: #243C40;
}
.email {
    position: absolute;
    margin: 7% 0 0 37.5%;
    width: 30%;
    height: 9.5%;
    background-color: #f0f0f0;
}

.logoPassword {
    position: absolute;
    margin: 16.5% 0 0 31%;
    height: 12%;
    background: #243C40;
}
.password {
    position: absolute;
    margin: 17% 0 0 37.5%;
    width: 30%;
    height: 9.5%;
    background-color: #f0f0f0;
}

/*forgot password*/
.forgot {
    position: absolute;
    margin: 23.5% 0 0 42.5%;
    font-size: 130%;
    color: #f0f0f0;
}