:root {
  --fdm-mauve:#751C54;
  --fdm-orange:#751C54;
  --fdm-bleu:#16FFEB;
}


html,body,h1,h2,h3,h4,h5,h6 {
  font-family:"Roboto",sans-serif
}

h1{
  color:var(--fdm-bleu);
  background-color:var(--fdm-mauve);
/*  text-shadow: 2px 2px 8px #9F9F9F;*/
  
}

.liens{
  color:var(--fdm-mauve);
  text-decoration-line:none;
}

liens:hover{
  color:var(--fdm-bleu);
  background-color:var(--fdm-mauve);
}
.cv-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width:601px) {
  .cv-grid {
    grid-template-columns: [main-start] 1fr [content-start] 2fr ;
  }
}


.div1 {
  grid-area: article;
}