/* CSS */
* { box-sizing: border-box; }
html, body { height: 100%}



body { font-size: 18px; padding: 50px; margin: 0; font-family: sans-serif;}
h2{text-align: center;}

a { color: black; text-decoration: none;}
ul { list-style-type: none; margin: 0; padding: 0;}
li { display: inline;}

article { 
  /* par défaut, les popups sont masquées */
  display: none; 
  position: absolute; /* pour la rendre déplaçable */
  /* position d’ouverture */
  top:50%;
  left:50%;
  /* centrage */
  transform: translate(-50%, -50%);
  /* style visuel */
  border: 10px solid;
  background-color: white;
  padding: 1em;
  max-width: 15em;
}
/* quand la popup a la class “open” */
article.open {display: block;}




/*RR*/


.double-r a {
    display: flex;
    justify-content: center;
    font-size: 100px;
    font-family: "Mattone";
    text-align: center;
    transition: 0.5s;
    margin-top: 90px;
    text-decoration: none;
    color: currentColor;
    
}


.double-r a:hover {
    -webkit-text-stroke: 3px #000000;
    color: transparent;
}