html, body {
  scroll-behavior: smooth;
  margin: 0px;
}


/*          Estilo todas las páginas          */

.titulo{
  font-size: 5vw;
  color: white;
  text-shadow: 2px 4px 10px rgb(139, 139, 139);
  font-family: 'Bruno Ace SC', cursive;
  text-align: center;
  margin-bottom: 3vh;
  margin-top: 2vh;
}
.titulo:hover {
  text-shadow: 2px 4px 10px #686887;
  border-color: pink;
}
/*Imagenes de todas las páginas*/
img{
  height: 70vh;
  width: auto;
}


/*          Estilo de la pagina1          */

#pagina1{
  background-image: url(https://i.imgur.com/GRcjRZZ.png);
  background-repeat:no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
  margin: 0px;
}

.titulo1{
  font-size: 8vw;
  color: white;
  text-shadow: 2px 4px 10px rgb(139, 139, 139);
  font-family: 'Bruno Ace SC', cursive;
  text-align: center;
  margin-bottom: 3vh;
  margin-top: 2vh;
}
.titulo1:hover{
  text-shadow: 2px 4px 10px #686887;
}

div.textoPagina1{
  margin-top: 35vh;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  width: 37vw;
  height: 30vh;
}

#botones{
  margin-top: 20vh;
  margin-left: 10vw;
  width: 45vw;
}

#boton1{
  padding: 3vh;
  margin: 3vh;
  width: 20vw;
  text-align: center;
  background-color: lightslategrey;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 4px 4px 7px 1px #4D6D8D;
}
#boton1:hover{
  color: white;
  background-color: #8A8AB0;
  box-shadow: 8px 6px 20px #686887;
}

#boton2{
  padding: 3vh;
  margin: 3vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  background-color: lightslategrey;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 4px 4px 7px 1px #4D6D8D;
}
#boton2:hover{
  color: white;
  background-color: #8A8AB0;
  box-shadow: 8px 6px 20px #686887;
}

#boton3{
  padding: 3vh;
  margin: 3vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  background-color: lightslategrey;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 4px 4px 7px 1px #4D6D8D;
}
#boton3:hover{
  color: white;
  background-color: #8A8AB0;
  box-shadow: 8px 6px 20px #686887;
}

#boton4{
  padding: 3vh;
  margin: 3vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  background-color: lightslategrey;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 4px 4px 7px 1px #4D6D8D;
}
#boton4:hover{
  color: white;
  background-color: #8A8AB0;
  box-shadow: 8px 6px 20px #686887;
}

#boton5{
  padding: 3vh;
  margin: 3vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  background-color: lightslategrey;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 4px 4px 7px 1px #4D6D8D;
}
#boton5:hover{
  color: white;
  background-color: #8A8AB0;
  box-shadow: 8px 6px 20px #686887;
}

div.boton{
  align: center;
  color: black;
  text-decoration: none;
	font-family: 'Fira Sans', sans-serif;
  font-size: 1.5vw;
  font-weight: bold;
  transition: color 0.5s;
}


/*          Estilo de la página2          */
#pagina2{
  background-image: url(https://i.pinimg.com/564x/53/0a/57/530a57edca95fec3e354113c6a3e126b.jpg);
    background-repeat:no-repeat;
  background-size: cover;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
#botonPagina2{
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: lightslategrey;
	border-radius: 6px;
	cursor: pointer;
	color: black;
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 3px;
}
#botonPagina2:hover{
  color: white;
  background-color: grey;
}
  p{
  color:#cc6600;
  font-family: 'Roboto Condensed', sans-serif;
  align-items:justify;
}
 
/*          Estilo de la página3          */

#pagina3{
  background-image: url(https://i.pinimg.com/564x/19/e8/ff/19e8ff2f93d36ca71fc0434452d41954.jpg);
    background-repeat:no-repeat;
  background-size: cover;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
#botonPagina3{
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: lightslategrey;
	border-radius: 6px;
	cursor: pointer;
	color: black;
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 3px;
}
#botonPagina3:hover{
  color: white;
  background-color: grey;
}
p{
  color:#cc6600;
  font-family: 'Roboto Condensed', sans-serif;
  align-items:justify;
}
 

/*          Estilo de la página4          */
#pagina4{
   background-image: url(https://i.pinimg.com/564x/f3/00/54/f300547f8aa04f3ddeb8a7e927bd98e2.jpg);
    background-repeat:no-repeat;
  background-size: 950px, 100px,     auto;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
#botonPagina4{
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: lightslategrey;
	border-radius: 6px;
	cursor: pointer;
	color: black;
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 3px;
}
#botonPagina4:hover{
  color: white;
  background-color: grey;
}
p{
  color:#cc6600;
  font-family: 'Roboto Condensed', sans-serif;
  align-items:justify;
}
 
/*          Estilo de la página5          */
#pagina5{
  background-image: url(https://i.pinimg.com/564x/86/4d/87/864d87b6466bf0c992db9cf46d968584.jpg);
    background-repeat:no-repeat;
  background-size: cover;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
#botonPagina5{
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: lightslategrey;
	border-radius: 6px;
	cursor: pointer;
	color: black;
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 3px;
}
#botonPagina5:hover{
  color: white;
  background-color: grey;
}
p{
  color:#cc6600;
  font-family: 'Roboto Condensed', sans-serif;
  align-items:justify;
}
 
/*          Estilo de la página6          */
#pagina6{
  
 background-image: url(https://i.pinimg.com/564x/a7/90/48/a79048f1a4896bbe24e70129b51fe7e8.jpg);
    background-repeat:no-repeat;
  background-size: cover;
  margin: 0;
  height: 100vh;
  width: 100vw;
  
}
#botonPagina6{
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: lightslategrey;
	border-radius: 6px;
	cursor: pointer;
	color: black;
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 3px;
}
#botonPagina6:hover{
  color: white;
  background-color: grey;
  
}
p{
  color:#cc6600;
  font-family: 'Roboto Condensed', sans-serif;
  align-items:justify;
}