@media only screen and (max-device-width: 900px) {
  .menu {
    width: 100%;
  }
}

* {
}

h1,
h2,
h3,
H4,
body,
p {
  margin: 0;
}

a {
  text-decoration: none;
}

h1 {
  font-family: "Playfair Display", serif;
  font-weight: normal;
  font-size: 70px;
  margin-top: 30px;
}

h1 span {
  font-weight: bold;
  margin-bottom: 20px;
}

h2 {
  font-size: 24px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
}

h3 {
  font-family: "Open Sans", serif;
  font-weight: normal;
  font-size: 18px;
  margin-top: -12px;
}

h4 {
  font-size: 50px;
  margin-bottom: 20px;
  margin-left: 24px;
  margin-top: 40px;
}

p {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
}
.dados p {
  margin-left: 5px;
}

.conteudo p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}

.rede a {
  width: 1px;
  height: 1px;
}

.linkedin {
  margin-bottom: -30px;
  margin-left: 25px;
}

.email {
  margin-left: 16px;
  margin-bottom: -30px;
}

.profissao {
  font-size: 24px;
}

.t60 {
  color: #514e57;
}

body {
  background-color: #cfc7dd;
  margin: 0;
}

header {
  /*background-image: linear-gradient(to bottom, #a080d7, #cfc7dd);*/
  background-color: #a080d7;
  padding: 32px 64px;
}
.icone00 {
  margin-top: 15px;
}
.icone01 {
  margin-top: 18px;
}
.dados {
  display: inline-block;
  margin-bottom: 50px;
}

.foto {
  border: 4px solid#000000;
  border-radius: 50%;
  margin-bottom: -120px;
  margin-right: 24px;
  width: 320px;
  height: 320px;
}

main {
  display: flex;
  padding: 40px 70px;
}

.linha {
  width: 80px;
  border-top: 2px solid;
  margin-top: 8px;
}

.Experiencias h2 {
  display: flex;
  flex-shrink: 1;
}

.Formacao h2 {
  display: flex;
  flex-shrink: 1;
}

.Experiencias .linha {
  border-color: #a080d7;
  margin-left: 60px;
}

.Formacao .linha {
  border-color: #a080d7;
  margin-left: 60px;
}

.Formacao {
  margin-top: 50px;
}

.certificados {
  margin-top: 50px;
}

.certificados .linha {
  border-color: #a080d7;
}

.coluna-menor {
  margin-top: 48px;
  width: 288px;
}

.coluna-menor img {
  width: 50px;
  height: 40px;
  border-radius: 4px;
  margin-right: 8px;
}

.icones {
  margin-bottom: -20px;
}

.icone {
  margin-bottom: -10px;
}

.certificados .icone {
  color: #bebfb8;
}

.coluna-menor li {
  margin-top: 33px;
  display: flex;
}

.conteudo {
  display: inline-block;
}

.coluna-maior {
  margin-left: 40px;
}

.coluna-maior h2 {
  font-size: 50px;
  margin-bottom: 20px;
  margin-left: 24px;
}

.coluna-maior-projeto {
  display: flex;
}

.habilidade {
  background-color: #f9f9f5;
  border-radius: 16px;
  padding: 20px;
  margin: 12px;
  margin-top: 10px;
  width: 288px;
}

.habilidade h3 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 16px;
}

.habilidade p {
  font-size: 24px;
}

.progresso {
  width: 100%;
  display: flex;
}

.barra {
  width: 20%;
  margin-top: 8px;
  height: 4px;
  background-color: #a080d7;
}

.incompleto {
  opacity: 0.2;
}

.habilidade li {
  margin-top: 24px;
}

.habilidade li:first-child {
  margin-top: 0px;
}

.habilidades {
  display: flex;
  flex-wrap: wrap;
}

.projetos {
  display: flex;
  flex-wrap: wrap;
}

.projeto {
  width: 392px;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 16px;
  margin: 12px;
}

.projeto a {
  display: inline-block;
  text-decoration: none;
  background-color: #a080d7;
  color: #ffffff;
  padding: 8px 24px;
  font-family: "Open Sans", sans-serif;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  margin-top: 24px;
}

.imagem {
  width: 400px;
  height: 300px;
}

.projeto h3 {
  font-size: 24px;
  font-weight: bold;
}

.projeto p {
  margin-top: 16px;
  margin-bottom: 24px;
}

footer {
  background-color: #a080d7;
  color: #514e57;
  padding: 57.6px;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
}
