body {
  font-family: 'Oleo Script Swash Caps',sans-serif;
  color: #021d32;
}

/* Hero Section */

#Hero-Section {
  background-image: url("../img/vista-curauma-entorno-video.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  font-family: 'Libre Caslon Text', serif;

}

/* Mis trabajos */

#Mis-trabajos .image-top {
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#Mis-trabajos{
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
}
/* Contacto */

#Contacto form label {
  font-weight: 700;
  color: #373a3c;
}

@media (max-width: 768px) {
  #Contacto form label {
    font-weight: 400;
  }

  .navbar-brand{
    width: 100px;
  }
}
.bg-cal{
  background-color: #000a23;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}
.btn{
  background-color: #012e46;
  border-color: #021d32;
  color: aliceblue;
}
.bg-turq{
  background-color: #012e46;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}
.nav-link{
  color: aliceblue !important;
}
.fa{
  color: #012e46;
}
.titulo{
  font-family: 'Ubuntu', sans-serif;
  -webkit-text-stroke:#012e46 ;
}
/*socialmedia*/
.fa {
  width: 50px;
  text-align: center;
  text-decoration: none;

} 
.fa:hover {
  opacity: 0.7;
}
.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: white;

}
.fa-facebook {
  width: 40px;
  height: 40px;
  padding-top: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3B5998;
  color: white;
}
.socialmedia{
  display: flex;
  flex-direction: row;
  justify-content: center; 
  width: 100%;
  height: 50%;
  justify-self: center;
} 
.icons{
  padding: 1em;
}
.fa-github{
  color: #285AEB;
}
/* .teXt{
  -webkit-text-stroke: 0.1px #000a23 !important;
} */

.card-text {
  height: 90px;

}
.accordion img{
  width: 80px;
  height: 80px;
} 
.accordion button{
  background-color: #112B3C !important;
  border-radius: 5px;

}
button{
  height: 50px;

}
.accordion-button {
  padding: 10px;
}