@import url("var.css");
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--poppins);
}

body{
  padding: 2rem;
  color: #777;
  line-height: 1.5;
  font-size: 1em;
}

header{
  height: 60px;
  text-align: center;
  position: relative;
}


header h1{
  color: var(--blue);
  text-transform: uppercase;
  font-size: 1.5em;
}

.title{
  margin: 1rem;
}

.title h3{
  text-transform: uppercase;
}

.name{
  margin: 1rem;
}

.contenu{
  margin: 1rem;
}

.contenu p{
  margin-top: 1rem;
}

.part-one,
.part-two,
.part-three,
.part-four,
.part-five{
  margin: 1rem;
} 

.part-one h4,
.part-two h4,
.part-three h4,
.part-four h4,
.part-five h4{
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.part-one p,
.part-two p,
.part-three p,
.part-four p,
.part-five p{
  margin-top: 1rem;
}

footer{
  text-align: center;
}

footer a{
  text-decoration: none;
  color: #777;
}

footer a:hover{
  color: var(--blue);
}