@import url('https://fonts.googleapis.com/css2?family=Miniver&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crete+Round:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:600,900');

*{
    margin: 1px;
    padding: 5px;
    background-color:lightyellow
    }

    nav{border-style: double;
        background-color: lightgray;
        border-width: 2vmin;
        display: flex;
        justify-content: space-around;
        margin: 1vmin;
        }
        
li{box-shadow:inset 2px 2px 50px -22px lightgreen;
	background:linear-gradient(to bottom, lightgreen 5%, lightgreen 100%);
	background-color:greenyellow;
	border-radius:20px;
	border:3px solid black;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Courier New;
	font-size:19px;
	padding:7px 21px;
	text-shadow:0px 1px 0px black;
    margin: 1vmin;}

    
.seccion1{
    background-color: lightgreen;
    width: 100vw;
    height: 100vw;
}
.seccion2{
    background-color: pink;
    width: 100vw;
    height: 100vw;

}
.seccion3{
    background-color: lightslategray;
    width: 100vw;
    height: 100vw;

}

.seccion4{
    background-color: lightskyblue;
    width: 100vw;
    height: 100vw;

}
    header{
    font-family: 'Montserrat';
    font-size: 6vmin;
    text-align: center;
}
    h1{
    background-color: darkgreen;
    font-size: 6vmin;
    font-family: 'Crete Round';
    text-align: center;
    color: white;
}
h2{
    background-color: coral;
    font-size: 6vmin;
    font-family: 'Crete Round';
    text-align: center;
}
h3{
    background-color: darkslateblue;
    font-size: 6vmin;
    font-family: 'Crete Round';
    text-align: center;
    color: white;
    
}

h4{
    background-color: yellowgreen;
    font-size: 6vmin;
    font-family: 'Crete Round';
    text-align: center;
}
h5{
justify-content: flex-end;
font-family: 'Montserrat';
font-size: 3vmin;
}
h6{
    font-family: 'Montserrat';
    font-size: 4vmin;
    text-align: justify;
    background-color:lightgreen;
    }
h10{
    font-family: 'Montserrat';
    font-size: 4vmin;
    text-align: justify;
    background-color:pink;
}
li{
    font-size: 6vmin;
    font-family: 'Crete Round';
    text-align: center;
    background-color:lightslategray;

        }
       p {
        background-color: lightslategray;
    font-family: 'Montserrat';
    font-size: 4vmin;
    text-align: justify;
        color: white;
    }
    img{
display:block;
margin:auto;
width: 150vmin;
height:150vmin;

    }
    
.iconos{
width: 120vmin;
height: 120vmin;
}
.Collage{
margin-top: 2vmin;
width: 180vmin;
height:180vmin;


}


.myButton {
	background:linear-gradient(to bottom, #ededed 5%, #bd7579 100%);
	background-color:#ededed;
	border-radius:28px;
	border:1px solid #a63ca6;
	display:inline-block;
	cursor:pointer;
	color:#01151a;
	font-family:Trebuchet MS;
    font-size:5vmin;
    font-weight:bold;
	padding:9px 28px;
	text-decoration:none;
	text-shadow:0px 0px 0px #e1e2ed;

}
.myButton:hover {
	background:linear-gradient(to bottom, #bd7579 5%, #ededed 100%);
	background-color:#bd7579;
}
.myButton:active {
	position:relative;
	top:1px;
}