header {
  height: 120px;
  width: 100%;
  display: flex;
  align-items: center;
}
header img {
  width: auto; 
  height: 80px;
  float:left;
  margin-left: 3%;
 }
header h1 {
  float:left;
  font-size:24px;
  font-style:normal;
  font-weight:300;
  letter-spacing:1.4px;
  margin-left: 3%;
}

#slogan {
  text-align: center;
  height: 160px;
  font-size:30px;
  font-style:normal;
  letter-spacing:6px;
}

#slogan h3 {
  padding-top: 65px;
}

.fonte-inter {
  font-family: 'Inter', sans-serif;
}

#image {
  max-width: 100%;
  height: auto;
  margin-bottom: 8px;
}

#legenda {
  text-align: center;
  font-size: 12px;
  color: darkslategray;
}

#about {
  margin-top: 64px;
  margin-bottom: 64px;
}

#about p {
  text-align:justify;
  font-size:medium;
  margin-left: 10%;
  margin-right: 10%;
}

#about h4 {
  text-align: center;
  font-size:24px;
  letter-spacing:1.4px;
  margin-bottom: 24px;
}

#projects {
  margin-bottom: 64px;
}

#projects h4 {
  text-align: center;
  font-size:24px;
  letter-spacing:1.4px;
  margin-bottom: 24px;
}

#projects p {
  text-align: center;
}

#informations {
  text-align: center;
}

#informations h4 {
  font-size:24px;
  letter-spacing:1.4px;
  margin-bottom: 24px;
}

.links {
  font-size:16px;
  letter-spacing:1.4px;
  color:black;
  text-decoration:none;
}

.links:hover {
  text-decoration:underline;
}

footer {
  color: white;
  margin-top: 80px;
  height: 160px;
  width: 100%;
  background: black;
  letter-spacing:1.8px;
  font-size: medium;
  padding-left:5%;
  text-align:left;
}

#rodape-titulo {
  padding-top: 56px;
  margin-bottom: 8px;
}
#rodape-subtitulo {
  color:rgba(255,255,255,0.60);
  margin-bottom: 0px;
}

#separador {
  margin-left: 16px;
  margin-right: 16px;
}