@import url('https://fonts.googleapis.com/css?family=Lato');

*
{
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;

}

html{
    background-color: rgb(18, 50, 70);
    font-family: 'Lato', sans-serif;
    /*height: 667px;*/
    
}

.tope1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tope1 img {
  max-width: 10em;
  height:auto;
  margin: 5em 1em 0em 1em;
}
.tope1 p {
  color: white;
  margin: 1em 1em 0em 1em;
  font-size: 2em;
}
.centrado {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.boton1 {
  background-color: orange;
  color: lightgoldenrodyellow;
  padding: 1em 1em;
  margin: 1.5em;
  display: inline-block;
  align-self: center;
  width: 12em;
  border-radius: 1em;
  box-shadow: 0 0 0.5em lightgoldenrodyellow;
  text-align: center;
}
.boton1 a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1em;
}
.boton2 {
  text-align: center;
  margin: 1em
}
.boton2 a {
  color: white;
  text-decoration: none;
  font-size: 1em;
}

.imgfooter{
  color: black;
  flex-direction: column;
  align-items: center;
  font-size: 0.6em;
  margin: 3em 2em 6em;
}

.imgfooter img{
  display:flex;
  max-width: 12em;
  height:auto;
  margin: 5em 1em 0em 1em;
}