-   refactoring dans des fichiers séparés (home, index…)
-   certains sélecteurs mal nommés : ex. `#slideshow` correspond à quoi ? Je vois qu’il y a .project-slideshow donc j’imagine que c’est celui de la home mais pas évident. Solution : `[data-template="home"] #slideshow` ou bien `#home-slideshow`.

```css
/* PROJECT SLIDESHOW */

.project-slideshow {
    position: fixed;
    right: 0;
    top: 0;
    /*! width: calc(50vw - var(--body-margin)); */
    height: fit-content;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box;
    margin: var(--body-margin) var(--body-margin) var(--body-margin) 0;
    left: calc(var(--index-width) + var(--body-margin));
    text-align: right;
}

button {
    background-color: transparent;
}
```

--> Dans une section PROJECT SLIDESHOW je tombe sur un élément html stylisé directement. Je comprends qu'un `background-color: transparent;`peut s'appliquer partout mais ce n'est pas du style spécifique. J'ai l'habitude de faire un fichier \_global.scss dans lequel je stylise les balises HTML non-identifiées / classées.