/* reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* propiedades de grid  */
/* .grid-container {
  display: grid;
  grid-template: 2/3;
  }
*/
/*
//Mixin FlexBox
// index: flexbox-container div/flexbox-item img/flexbox-item
// propiedades de flexbox
// videoteca: flexbox-videoteca item-videoteca
// biografia: flexbox-galeria item-galeria

/* Propiedades de flexbox:

.contenedor{
display: flex;
justify-content:
align-items:
flex-direction:
flex-flow:
flex-wrap:
align-content:
}

.contenido{
padding: 10px
marging:

align-self
order

flex

flex-grow
flex-shrink
flex-basis
}

*/
/*                 (ancho) width: 200px;
                   (alto) height: 100px;
        (fondo) background-color: lightgray;
                         padding: 20px;
                          border: 5px solid black;
                          margin: 30px; */
.grid-container {
  display: grid;
  grid-template-rows: 20vh 70vh 10vh;
  align-content: center;
  justify-content: center;
  row-gap: 10px 50px;
}

/* Header (grid-item)*/
.grid-header div.flexbox-container {
  display: flex;
  margin: 0;
  padding: 0;
  background-color: black;
  list-style: none;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.grid-header div.flexbox-container img {
  height: 20vh;
  border-bottom: 15px;
  align-items: flex-start;
}
.grid-header div.flexbox-container div span {
  color: rgb(219, 217, 217);
}
.grid-header div.flexbox-container div span div a {
  text-decoration: rgb(219, 217, 217);
  color: white;
}
.grid-header div.flexbox-container .dropdown {
  order: 2;
  position: relative;
  display: inline-block;
}
.grid-header div.flexbox-container .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}
.grid-header div.flexbox-container .dropdown:hover .dropdown-content {
  display: block;
}

/* Main */
.grid-main {
  /* .flexbox-videoteca{
    display: flex;
    //align-content: center;
    //justify-content: center;
    column-gap: 5px;
    flex-wrap: wrap;

    .flexbox-video{
      justify-content: center;
      flex-direction: row;
      justify-content: center;
      p{
        text-align: center;
      }
    }

   }
  */
  /* Footer */
}
.grid-main h1 {
  background-color: rgb(219, 217, 217);
  color: black;
  text-align: center;
  height: 10vh;
  align-content: center;
  font-size: 25px;
}
.grid-main h2 {
  color: black;
}
.grid-main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.grid-main li {
  display: inline-block;
}
.grid-main a {
  display: inline-flex;
  padding: 6px 12px;
  color: black;
}
.grid-main p {
  justify-content: center;
}
.grid-main .grid-footer {
  margin: 0;
  padding: 0;
  list-style: none;
}
.grid-main li {
  display: inline-block;
}
.grid-main a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

/* MEDIA QUERIES: mobile, tablet, desktop */
Media Queries {
  margin: 0;
  padding: 0;
  list-style: none;
}
Media Queries li {
  display: inline-block;
}
Media Queries a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

/*# sourceMappingURL=styles.css.map */