.offcanvas{
  background-color: rgb(30, 34, 51);
} 


section{
  min-height: 600px;
  color: white;

}

.oscuro footer{
  background-color: rgb(30, 34, 51);
  color:white;
}

.oscuro #aboutMe, .oscuro #projects{
  background-color: rgb(30, 34, 51);
  color:white;
}
  
.oscuro #experience, .oscuro #contact{
  background-color: rgb(36, 39, 61);
  color:white;
}

.claro footer{
  background-color: #ebf8ff;
  color:black;

}

.claro #aboutMe, .claro #projects{
  background-color: #ebf8ff;

  color:black;
}
  
.claro #experience, .claro #contact{
  background-color: #dbf4ff;
  color:black;
}

.circular--square {
  border-radius: 50%;
  background: #3A6F9A;
}

.vertical{
  
  vertical-align: middle;
  max-height: 25px;
  max-width: 160px;
}

.frame-center {
  height: 550px;      /* equals max image height */
  width: 100%;
  text-align: center; margin: 1em 0;
}

.frame {
  height: 550px;      /* equals max image height */
  width: 100%;
}

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.img-center {
  vertical-align: middle;
  max-height: 200px;
}

.img_rounded{
  border-radius:150px;
}
.container{
  height: 100%;
  width: 100%;
}
.linea {
  border-top: 4px solid rgb(205,94,104);
  margin-bottom: 25px;
  height: 2px;
  max-width: 100px;
  padding: 0;
  border-radius:20px;
}
.ExperienceList{
  background-color: rgba(255, 100, 100, 0.2);
  border-radius: 20px;
  border: 1px solid;
}