body {
  background-color: pink;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  margin-left: 3%;
  margin-right: 3%;
  background-image: url(../multimedia/img/fondo_lila.gif);
  background-repeat: repeat;
}

.grid {
  display: grid;
  grid-template-columns: 18% 55% 20%;
  column-gap: 3%;
  row-gap: 3%;
  grid-template-rows: 55% 125% 25;

}

.gridcelda1 {
  grid-column: 2/3;
  grid-row: 1/2;
  text-align: center;
}

ul li {
  display: inline-block;
}

.gridcelda2 {
  grid-column: 2/3;
  grid-row: 2/3;
  background: linear-gradient(pink, #e99ce6);
  border: solid;
  border-color: black;
  padding: 5%;
}

.gridcelda3 {
  grid-column: 1/2;
  grid-row: 2/3;
  background: linear-gradient(pink, #e99ce6);
  padding: 3%;
  border: solid;
  border-color: black
}

@font-face {
  font-family: 'Yipes';
  src: url('../multimedia/fuentes/Yipes-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

h1 {
  font-family: Yipes;
  font-size: 600%;
  text-align: center;
  color: #ffffff;

}

.lazo {
  width: 25%;
  margin-left: 3%
}

a.button1 {
  display: inline-block;
  padding: 0.35em 1.2em;
  border: 0.1em solid #ffffff;
  margin: 0 0,3em 0,3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'yipes';
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  transition: all 0.2s;
}

a.button1:hover {
  color: #636363;
  background-color:#ffffff;
}

@media all and (max-width:30em) {
  a.button1 {
    display: block;
    margin: 0.4em auto;
  }
}