body{
    margin: 0px;
}

.perfil{
    text-align: center;
    
}
.perfil-1{
    color: white;
    padding: 30px;
    text-align: center;
    background-color: darkgrey;
}

.github{
    background-color: black;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    padding: 15px 30px;
    color: white;
}
.reseña{
    text-align: center;
    padding: 3%;
    color: white;
    background-color: black;
}
.educacion{
    padding: 3%;
}
.edu{
    text-align: center;
}
.contacto{
    padding: 1%;
    background-color: darkgray;
    color: white;
}
footer {
  padding: 1%;
  background-color:black;
  color: white;
  text-align: center;
  font-size: 60%;
}

.roboto-fonts {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}



.porta{
    text-align: center;
    background-color: rgb(196, 217, 255);
}

.roboto-porta {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}
.contacto-porta{
    padding: 1%;
    background-color:rgb(0, 102, 255);
    color: white;
}
.footer-porta {
  padding: 1%;
  background-color:rgb(196, 217, 255);
  color: black;
  text-align: center;
  font-size: 60%;
}