h1 {
    text-align: center;
}

.infos,
header {
    align-items: center;
    display: flex;
}
.infos {
    background: #f0f8ff;
    border-radius: 1rem;
    flex-direction: column;
    font-size: large;
    padding: 2rem;
}
.content-all {

    grid-gap: 30px;

    display: grid;

    grid-area: content;

    grid-template-columns: 1fr 1fr;

    margin: 0 auto;

    max-width: 900px;

    padding: 16% 0;

}

@media (max-width: 1600px) {

    .content-all {

        grid-template-columns:auto;

    } }