html, body {
  scroll-behavior: smooth;
  margin: 0px;
}
/*          Estilo de la pagina1          */

#pagina1{
  background-image: url(https://i.pinimg.com/564x/6e/ed/86/6eed86d68a92487a3d0772edfb46e042.jpg);
  background-repeat:no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  margin: 0px;
}
.titulo1{
  font-size: 5vw;
  color: white;
  text-shadow: 2px 4px 10px rgb(139, 139, 139);
  font-family: 'Rowdies', cursive;
  text-align: center;
  margin-bottom: 3vh;
  margin-top: 2vh;
}

/*          Estilo todas las páginas          */

.titulo{
  font-size: 3vw;
  color: black;
  text-shadow: 2px 4px 10px rgb(139, 139, 139);
  font-family: 'Rowdies', cursive;
  text-align: center;
  margin-bottom: 3vh;
  margin-top: 2vh;
}
/*Imagenes de todas las páginas*/
img{
  height: 70vh;
  width: auto;
}
.boton a {
  color:  #d2a679;
  text-decoration: none;
  background-color: #663300;
  font-size: 3vw;
  font-family: 'Ubuntu', sans-serif;
   
}
#boton1{
  padding: 3vh;
  margin: 1vh;
  width: 20vw;
  text-align: center;
  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: 1vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  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: 1vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  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: 1vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  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: 1vh;
  width: 20vw;
  text-align: center;
  text-decoration: none;
  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/b9/65/b4/b965b4ddb78d778a75df643a14003d1d.jpg);
    background-repeat:no-repeat;
  background-size: cover;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
p {
  font-family: 'Roboto Condensed', sans-serif;
}
#botonPagina2{
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color:  #668cff;
	border-radius: 10px;
	cursor: pointer;
	color: black;
	font-family:'Ysabeau Infant', sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 5px;
}
#botonPagina2:hover{
  color: white;
  background-color: grey;
}
  p{
  font-size:20px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:10%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}



/*          Estilo de la página3          */

#pagina3{
  background-image: url(https://i.pinimg.com/564x/7a/6e/74/7a6e7488bda3ed66f3d1d1a4de363ab2.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: #99ccff;
	border-radius: 10px;
	cursor: pointer;
	color: black;
	font-family: 'Ysabeau Infant', sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 5px;
}
#botonPagina3:hover{
  color: white;
  background-color: grey;
}
 p{
  font-size:20px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:10%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}

/*          Estilo de la página4          */
#pagina4{
   background-image: url(https://i.pinimg.com/564x/1f/39/d7/1f39d7c2d5e84f37cab818947636ecd4.jpg);
    background-repeat:no-repeat;
  background-size:cover;
  margin: 0;
  height: 100vh;
  width: 100vw;
}
#botonPagina4 {
  text-decoration: none;
  transition: color 0.5s;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: #cce6ff;
	border-radius: 10px;
	cursor: pointer;
	color: black;
font-family: 'Ysabeau Infant', sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 5px;
}
#botonPagina4:hover{
  color: white;
  background-color: grey;
}
p{
  font-size:20px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:10%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}

/*          Estilo de la página5          */
#pagina5{
  background-image: url(https://i.pinimg.com/564x/7c/64/7c/7c647c51a9e9e786a60e803bf299551d.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: #004d99;
	border-radius: 10px;
	cursor: pointer;
	color: black;
font-family: 'Ysabeau Infant', sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 5px;
}
#botonPagina5:hover{
  color: white;
  background-color: grey;
}
p{
  font-size:20px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:20%;
  margin-right:10%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}

/*          Estilo de la página6          */
#pagina6{
  
 background-image: url(https://i.pinimg.com/564x/5e/f2/59/5ef2595841fdd1192d1475bbc19f1a5c.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:  #c6d9ec
;
	border-radius: 10px;
	cursor: pointer;
	color: black;
	font-family: 'Ysabeau Infant', sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration:none;
  border-radius: 5px;
}
#botonPagina6:hover{
  color: white;
  background-color: grey;
}
    p{
  font-size:20px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:20%;
  margin-right:10%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}