@charset "UTF-8";

/* Police */


@font-face {
  font-family: "PoliceText";
  src: url(Roboto-Regular.ttf);
  font-weight: normal;
}






/* TEXTE */

/* RESPONSIVE MENU */

.survole_menu {
  font-size: 1rem;
}

@media (max-width: 1500px) {
  html .survole_menu {
    font-size: 0.95rem;
  }
}

@media (max-width: 1400px) {
  html .survole_menu {
    font-size: 0.9;
  }
}

@media (max-width: 1300px) {
  html .survole_menue {
    font-size: 0.8rem;
  }
}





/* RESPONSIVE TEXTE BOUTON CV */


.btn_sec0 {
  height: 60px;
  width: 250px;
}

@media (max-width: 400px) {
  html .btn_sec0 {
    width: 70%;
  }
}

@media (max-width: 1400px) {
  html .btn_sec0 {}
}

@media (max-width: 1300px) {
  html .survole_menue {}
}



.Btn-Label {
  font-size: 25px;
}

@media (max-width: 450px) {
  html .Btn-Label {
    font-size: 18px;
  }
}

@media (max-width: 300px) {
  html .Btn-Label {
    font-size: 15px;
  }
}

@media (max-width: 250px) {
  html .Btn-Label {
    font-size: 12px;
  }
}

@media (max-width: 150px) {
  html .Btn-Label {
    font-size: 10px;
  }
}




/* RESPONSIVE NOMS DES DIFFERENTS MENUS */

.titre-Projet {
  font-size: 3.5rem;
  transition: 0.2s;
}

@media (max-width: 1200px) {
  html .titre-Projet {
    font-size: 3rem;
  }
}

@media (max-width: 780px) {
  html .titre-Projet {
    font-size: 2.5rem;
  }
}

@media (max-width: 520px) {
  html .titre-Projet {
    font-size: 2rem;
  }
}

@media (max-width: 450px) {
  html .titre-Projet {
    font-size: 1.79rem;
  }
}

@media (max-width: 385px) {
  html .titre-Projet {
    font-size: 1.6rem;
  }
}

/* RESPONSIVE NAME DANS ACCUEIL */

.Noms {
  font-size: 6rem;
}

@media (max-width: 1200px) {
  html .Noms {
    font-size: 5rem;
  }
}

@media (max-width: 780px) {
  html .Noms {
    font-size: 4.5rem;
  }
}

@media (max-width: 450px) {
  html .Noms {
    font-size: 3.5rem;
  }
}

@media (max-width: 380px) {
  html .Noms {
    font-size: 2.5rem;
  }
}

html p {
  font-size: 15px;
}

@media (max-width: 1200px) {
  html p {
    font-size: 14px;
  }
}

@media (max-width: 450px) {
  html p {
    font-size: 13px;
  }
}

@media (max-width: 385px) {
  html p {
    font-size: 12px;
  }
}

@media (max-width: 290px) {
  html p {
    font-size: 11;
  }
}

/* RESPONSIVE SOUS A PROPOS */

.sous-titre {
  font-size: 2rem;
}

@media (max-width: 1200px) {
  html .sous-titre {
    font-size: 2rem;
  }
}

@media (max-width: 520px) {
  html .sous-titre {
    font-size: 1.5rem;
  }
}

@media (max-width: 450px) {
  html .sous-titre {
    font-size: 1rem;

  }
}

@media (max-width: 300px) {
  html .sous-titre {
    font-size: 0.8rem;
  }
}



/* RESPONSIVE SOUS A PROPOS */

.text1 {
  font-size: 25px;
}

@media (max-width: 1200px) {
  html .text1 {
    font-size: 25px;
  }
}

@media (max-width: 520px) {
  html .text1 {
    font-size: 20px;
  }
}

@media (max-width: 450px) {
  html .text1 {
    font-size: 18px;
  }
}

@media (max-width: 300px) {
  html .text1 {
    font-size: 15px;
  }
}

@media (max-width: 250px) {
  html .text1 {
    font-size: 12px;
  }
}

@media (max-width: 150px) {
  html .text1 {
    font-size: 10px;
  }
}




/* RESPONSIVE TEXTE ECRANS */

.sec3 {
  height: 565px;
}

@media (max-width: 565px) {
  html .sec3 {
    height: 500px;
  }
}

@media (max-width: 500px) {
  html .sec3 {
    height: 450px;
  }
}

@media (max-width: 450px) {
  html .sec3 {
    height: 400px;
  }
}

@media (max-width: 400px) {
  html .sec3 {
    height: 350px;
  }
}

@media (max-width: 350px) {
  html .sec3 {
    height: 300px;
  }
}




/* RESPONSIVE TEXTES ECRANS */

.text2 {
  font-size: 3rem;
}

@media (max-width: 1200px) {
  html .text2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 520px) {
  html .text2 {
    font-size: 2.3rem;
  }
}

@media (max-width: 450px) {
  html .text2 {
    font-size: 2rem;
  }
}

@media (max-width: 350px) {
  html .text2 {
    font-size: 1.8rem;
  }
}

@media (max-width: 300px) {
  html .text2 {
    font-size: 1.2rem;
  }
}



/* RESPONSIVE TEXTES ECRANS  */

.Ecran {
  height: 300px;
}

@media (max-width: 850px) {
  html .Ecran {
    height: 280px;
    height: auto;
    position: relative;
  }
}

@media (max-width: 750px) {
  html .Ecran {
    height: 210px;
    height: auto;
    position: absolute;
  }
}

@media (max-width: 650px) {
  html .Ecran {
    height: 200px;
    height: auto;
    position: absolute;
  }
}








/* ECRAN DISPARAIT */


.EcranDisap {
  width: 565px;
}

@media (max-width: 420px) {
  html .EcranDisap {
    width: 95%;
    text-align: center;
    align-items: center;
    justify-items: center;
    margin-left: 6%;

  }
}

/* 
  @media (max-width: 550px) {
    html .Ecran {
      height: 200px;
      height: auto;
      position: absolute;

    }
  }

  @media (max-width: 400px) {
    html .Ecran {
      height: 200%;
      height: auto;
      position: absolute;
    }
  }

  @media (max-width: 300px) {
    html .Ecran {
      height: 180%;
      height: auto;
      position: absolute;
    }
  }

  @media (max-width: 200px) {
    html .Ecran {
      height: ;
    }
  } */