style.css (quête 5)

body {
    font-family: 'Courier New', Courier, monospace;
}

/* Français : Remplace les points ci-dessous par un sélecteur ciblant toutes les images de la page. */

img {
    width: 300px;
    height: 300px;
    border-radius: 10px;
            /* Français : Remplace par une propriété arrondissant les angles de l'image. */
}

/* Français : Remplace les points ci-dessous par une classe "hover-effect" avec une pseudo-classe :hover. Cette classe doit cibler la première image et la troisième image de la page. */

.hover-effect:hover:nth-of-type(2n+1) {
    opacity : 0.8;
                    /* Français : Remplace par une propriété modifiant l'opacité. */
    cursor: pointer;
}

/* Français : Remplace les points ci-dessous par un sélecteur ciblant la seconde image de la page. N'utilise pas de classe ou d'id ! */

img:nth-of-type(2) {
   filter:grayscale(100);
                /* Français : Remplace par une propriété faisant paraître l'image en noir et blanc. */
}