@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Raleway:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

body, h1,ul,li{
  margin: 0;
  padding: 0;
}
.portada{
  text-align: center;
  margin: 40px auto;
}

body{
  background-image: url(../img/codigo2.jpg);
}

.titulo{
  font-family: 'Poppins', sans-serif;
}

.cabeza{
  color: black;

  text-align: center;
}

.contenedor{
  width: 85%;
  background: #2c3e39;
  margin: 20px auto;
  padding: 20px;
  color: white;
}
.collapsible{
  color: black;
}
.imagen{
  padding: 0px;
  margin: 0px;
  background-image: url(../img/codigo.jpg);
  height: 600px;
}


h4{
  font-size: 25px;
  margin: 20px auto;
  border-bottom: 2px solid  #44bfbb;
  border-width: medium;

}

h5,h4,h3,p, a{
  font-family: 'Raleway', sans-serif;
}

.videos{
  margin: 10px auto 50px;
}

.item{
  margin: auto 30px 30px 30px;
  display: inline-block;
  padding:20px;
  text-align: center;
}

.item a{
  color: white;
  text-decoration: none;
  background-color:#67635E ;
  padding: 10px 30px;
  border-radius: 5px;
}

.item a:hover{
  color: black;
  text-decoration: none;
  background-color: white;
}

a{
  color: #44bfbb;
}

p{
  font-size: 18px;
}

.info{
  background-color: #43a9af;
  color: white;
}

.rect{
  width: 200px;

}

.fotoinfo{
  margin: 0px 20px 0px 10px;
}

.relleno{
  color: white;

}

.pie{
  border-top: 4px solid #44bfbb;
  margin: 80px auto 0px auto;
  padding: 10px;
  color: white;
  background-color: #2c3e39;
}
.imagen2{
  padding: 0px;
  margin: auto 20px auto 1250px;
  width: 80px;
  height: 81px;
}
.nav-wrapper{
  padding: 0px;
  margin: 0px;
  background:#43a9af;
}