body{ 
  background-color: #618685; }

html{
scroll-behavior: smooth;
}

  #titulo{ 
display: flex;
justify-content: center;
align-items: center;
 font-size: 50px;
 font-family: 'Anton', sans-serif; 
 text-decoration: underline; 
 height: 10vh;

 
}
#division1{
width: 100vw;
height: 90vh;

}

#zona1{
  background-color: #f7786b;
  font-size: 60px;
  color: black;
  position: absolute;top: 36%;left: 26%;
  font-family: 'Josefin Sans', sans-serif;
  padding: 10px;
  
}
#zona2{
  background-color: #034f84; 
  font-size: 55px;
  position: absolute; left: 46%; top: 36%;
  font-family: 'Roboto', sans-serif;
  padding: 10px;
 
}
/*botones*/
#zona3{
  background-color: #87bdd8;
  font-size: 57px; 
  position: absolute; left: 65%; top: 36%; 
  font-family: 'Montserrat', sans-serif;
 padding: 10px;
}
#zona4{
  background-color: #80ced6;
  font-size: 60px;
  position:absolute; top: 58%; left: 35%;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 10px;
}
#zona5{
  background-color: #92a8d1;
  font-size: 57px;
  position: absolute; top: 57%; left: 55%;
  font-family: 'Oswald', sans-serif;
  padding: 8px;
}
#zona6{
  background-color: salmon;
  font-size: 47px;
  position: absolute; top: 55%; left: 75%;
  font-family: 'Montserrat', sans-serif;
  padding: 8px;
}
#zona1:hover{
  border-style: inset;
  background-color: #f18973;
  font-size: 70px;
}

#zona2:hover{
  border-style:  outset;
  font-size: 70px;
  background-color: #667292; 
}

#zona3:hover{
   border-style: solid;
  font-size: 70px;
  background-color:#b7d7e8 ;
  
}

#zona4:hover{
  background-color: #d5f4e6; 
  font-size: 70px;
  border-style: groove; 
}

#zona5:hover{
  border-style: dotted dashed solid double; 
  font-size: 64px;
  background-color: #5b9aa0;

}

#division2{
  width: 100vw;
  height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

#perfil{
width: 90vw;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
background-color: black;
}
#perfil p{
color: black;
background-color: white;
font-size: 22px;
padding: 20px;
margin: 15px;
font-family:'Roboto', sans-serif;
border-radius: 7px;
transition: 2s ease;
}

#perfil p:hover{
  box-shadow: 10px 15px 15px white;
}

#imgperfil img{
width: 30vw;
height: 70vh;
margin-right: 20px;
margin-left: 10px;
border-radius: 7px;
}

#division3{width: 100vw;
  height: 97vh;
display: flex;
justify-content: center;
align-items: center;
padding:20px; 
  
}

h2{background-color:#034f84;
  justify-content: center; 
  position: left; 
  font-size: 70px;
  position: absolute;top: 192%;left: 5%;
  
} 

.galeria {
	padding:30px; 
width:300px;
height:250px; 
}

img {
	width: 700px;
	height: 500px;
	margin: 5px;
	transition: transform 1s;
	border: 5px solid #034f84;
  
}
h3{ 
  background-color:#f7786b; 
  position: left; 
  font-size: 70px;
  position: absolute;top: 97%;left: 6%;
}

#division4 {
  width: 100vw;
  height: 70vh;
display: flex;
justify-content: center;
align-items: center;
padding:20px; 
  
}

h4{ 
background-color:#87bdd8; 
  position: left; 
  font-size: 70px;
  position: absolute;top:303%;left: 5%;
}
.textopaso{
 color: black;
background-color: white;
padding: 15px;
font-family:'Roboto', sans-serif;
border-radius: 7px;
transition: 2s ease;
margin: auto;
  font-size: 30px;
  margin-right: 5%;
  position:absolute; top:330%
  

}


#division5{ 
 width: 100vw;
  height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding:20px; 
}

h5{ 
background-color:#80ced6; 
  position: left; 
  font-size: 70px;
  position: absolute;top:380%;left: 5%;
}

#textof{
  color: black;
background-color: white;
padding: 15px;
font-family:'Roboto', sans-serif;
border-radius: 7px;
transition: 2s ease;
margin: auto;
  font-size: 30px;
  margin-right: 5%;
  position:absolute; top:410%
}
#textof: hover{ box-shadow: 10px 15px 15px black;}

h6{
background-color:#92a8d1; 
  position: left; 
  font-size: 70px;
  position: absolute;top:438%;left: 4.5%;}

.logo{ 
	display: inline;
  }


#division7{
  width: 100vw;
  height: 100vh;
padding:20px; 
}
  
.subir{
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 20px;
    margin-bottom: 10px;
    z-index:2;
    
}