/*Reset all */
* {
    margin: 0;
    padding: 0;
  }
  section {
    max-width: 94vw;
    margin: auto;
  }
  /*Communs disposition values*/
  :root {
    --standartspace: 0.9em;
    --content-padding: 5px;
  }
  /*Communs Colors images*/
  :root {
    --main-dark-color: #18161b;
    --main-clear-color: #e4e2e3;
    --first-color: #c5c5c5;
    --secondary-blue-color: #4c7a78;
    --secondary-yellow: #c9c187;
    --secondary-red: #970102;
    --grey-clear-color: #a8a9ad;
  }
  /*Fonts*/
  
  @font-face {
    font-family: "myFirstFont";
    src: url("./fonts/Hind-Regular.ttf");
  }
  /*Use this font with this line => font-family: myFirstFont;*/
  @font-face {
    font-family: "myTitleFont";
    src: url("./fonts/Runestars-Regular.ttf");
  }
  /*Use this font with this line => font-family: myTitleFont;*/
  body {
    font-family: "myFirstFont";
    background-color: var(--main-clear-color);
  }
  
  
  h1 {
    color: var(--first-color);
    font-family: "myTitleFont";
    text-align: center;
    font-size: 4em;
  }
  .main-page-titre {
    width: fit-content;
    background-color: var(--main-dark-color);
    font-family: "myFirstFont";
    color: var(--main-clear-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5em;
  }