@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
body,h1,h4,ul,li{ /* con esto reseteas el html onda las configuraciones predeterminadas*/
  margin:0;
  padding:0;
}
/* SELECTORES DE ETIQUETAS HTML*/
body{
  background-color: lightsteelblue;
}
h1 {
  font-family: 'Comfortaa', cursive;
  font-size: 26px;
}
h5,h4,p,a,ul,li{
  font-family: 'Montserrat', sans-serif;
}

/* SELECTORES PERSONALIZADOS */
.contenedor {
  width: 700px;
  background-color: white;
  margin: 0px auto;
}
.cabeza{
  color: white;
  background-color: black;
  padding: 20px;
}
.cuerpo{
  padding: 20px;
}
.cuerpo2{
  padding: 20px;
}
.pie{
  color:white;
  padding: 20px;
  text-align: center;
  background-color: black;
}
.imagen{
 padding: 30px;
}
.vinculo{
 color: lightcoral;
 text-decoration: none;
  }
.vinculo:hover{ /*cuando estoy arriba de este elemento*/
  color: white;
  text-decoration: none;
  }
.vinculo2{
    color: dodgerblue;
    text-decoration: none;
  }
.vinculo2:hover{
      color: white;
      text-decoration: none;
    }
.vinculo3{
      color:silver;
      text-decoration: none;
    }
.vinculo3:hover{
      color: white;
      text-decoration: none;
    }
    .marco-video{
      background-color: steelblue;
      padding: 20px;
      text-align: center;
    }
    .menu{
      background-color: #CCCCCC;
    }
.item-m{
      display: inline-block;
      padding: 10px;
    }
.item-m a{
color:steelblue;
text-decoration: none;
padding: 10px;
    }
    .item-m a:hover{
      color: white;
      text-decoration: none;
      background-color: steelblue;
      padding: 10px;
    }
    .flechaa{
      padding-left: 550px;
    }
  .camila{
    padding: 10px;
  }
  .albumes{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .concierto{
    text-align: center;
  }