:root {
    --width-card: 500px;
}

* {
    box-sizing: border-box;
}

img {
    /* largeur 50% */
    width: 200px;
    object-fit: contain;
}

body.login {
    /* Le body doit être centré */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Hauteur 100% */
    height: 100vh;
}

form.login {
    /* Le div et l'image doivent être cote à cote */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* largeur 500px */
    width: 500px;
}

form.login input,
form.login div {
    /* largeur 200px */
    width: 200px;
}

section aside {
    width: 500px;
}

section aside article aside {
    margin-left: 0;
    width: 100%;
}

article.matchs img {
    width: 50px;
}

.titre-mois {
    /* centrer en flexbox */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* largeur 100% */
    width: 100%;
}