body {
    background-color: #EDEBE7;
    padding: 2rem;
}

main {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    justify-items: center;
}

.alerte {
    width: 40%;
    padding-bottom: 14rem;
}

.logo {
    width: 80%;
    padding-bottom: 2rem;
}

.perso {
    padding-bottom: 6rem;
}

.coord {
    width: 70%;
    padding-bottom: 2rem;
}

@media only screen and (max-width: 600px) {
    .alerte {
        width: 50%;
        padding-bottom: 6rem;
    }
    .logo {
        padding-bottom: 1rem;
    }
    .perso {
        padding-bottom: 3rem;
    }
    .coord {
        width: 90%;
        padding-bottom: 1rem;
    }
}