* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;

    font-family: sans-serif;
    line-height: 1.5;
}

:root {
    --h2-color: #B758D6;
    --h2-font: "Times", serif;

    --container-mx: 100px;
}


h2 {
    color: var(--h2-color);
    font-family: var(--h2-font);
}

header {
    background-color: #e6e6e6;
    padding: 10px var(--container-mx);
}

#page_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 50px;

    padding: 10px var(--container-mx);
}
#page_grid > main {
    grid-column: span 2 / span 2;
}
#page_grid > aside {
    grid-column: span 1 / span 1;

    display: flex;
    flex-direction: column;
}

section#logo {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
}
p#date {
    margin: 0;
    padding: 0;
    line-height: 0;
}
p#date::before {
    content: "Il est ";
}
img.apple-logo {
    width: 20px;
    aspect-ratio: 814/1000;
}