* {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  text-decoration: none;
}

@font-face {
  src: url('MAZIUSRegular.woff2') format("woff2"),
       url('MAZIUSRegular.woff') format("woff");
  font-family: 'MAZIUSRegular';
  font-style: normal;
  font-weight: 300;
}

@keyframes rotation {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
}

body{
  overflow-x: hidden;
  /*background: fixed center/100% url("Ressources/background-enora.png");*/
  background-color: #121212;
}

/*texte*/

h1, h2, h3, h4, h5 {
  font-family: MAZIUSRegular;
  font-weight: 300;
}

h1 {
  font-size: 7.5vw;
  color: #ffffff;
}

h2 {
  font-size: 2.5vw;
}

h3 {
  font-size: 5vw;
  color: #C37756;
}

h4 {
  font-size: 1.7vw;
  color: #ffffff;
}

h5 {
  color: #ffffff;
  /*media-query*/
  font-size: 1.35vw;
}

h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 0.90vw;
}

p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 1vw;
  color: #ffffff;
  padding-top: 0.625vw;
}

a {
  color: #ffffff;
}

/*nav bar*/

.nav {
  width: 70vw;
  padding: 2.5vh 15vw 2.5vh 15vw;

  /*media-query*/
  display: flex;
  flex-direction: row;
}

.titre {
  width: 50vw;
  font-size: 1em;

  /*media-query*/
  display: inline-flex;
}

.etoile-titre {
  transform: translateY(0.5vh);
  margin-right: 1vh;
}

#logo {
  height: 10vh;
}

.liens, .footer {
  width: 20vw;
  padding-left: 0.15em;
  padding-right: 0.15em;
  z-index: 3;
}

.liens {
  /*media-query*/
  align-items: center;
  display: flex;
  flex-direction: row;
}

#bas {
  margin-top: 5vw;
}

.footer {
  /*media-query*/
  display: flex;
  flex-direction: column;
}

.projets, .about, .contact {
  /*media-query*/
  flex: 1 1 0%;
  text-align: center;
}

.section {
  padding: 5vh 15vw 5vh 15vw;
}

.titre-liste-projet {
  color: #C37756;
}

.paraup {
  padding-top: 1.25vw;
  color: #ffffff;
}

.up {
  color: #C37756;
}

.up, .paraup {
  text-transform: uppercase;
}

.etoiles {
  transform-origin: center;
  animation-name : rotation;
  animation-timing-function: linear;
  animation-duration : 5s ;
  animation-iteration-count : infinite ;
}

#etoile-image-lien-projets, #etoile-image-lien-about, #etoile-image-lien-contact, #etoile-image-lien-projets-foot, #etoile-image-lien-about-foot, #etoile-image-lien-contact-foot {
  opacity: 0;
}