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

* {
/*margin-top: 1vw;
margin-right: 2vw;
margin-bottom: 1vw;
margin-left: 2vw;

padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 1vw;

margin-top: 3vw;
margin-right: 6vw;
margin-bottom: 3vw;
margin-left: 4vw;

padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 1vw;*/}

/*etiquetas generales*/

header {
background-color: rgb(150, 152, 154);
font-family: Courier;
font-size: 4vw;
text-align: center;
text-transform: capitalize;
font-variant: small-caps;
border-width: 1vw;
border-color: black;
margin-top: 4vw;
margin-right: 6vw;
margin-bottom: 3vw;
margin-left: 4vw;

}

footer {
	text-align: center;
}

p {
font-family: 'Montserrat';
font-size: 3vmin;
text-align: justify;
text-indent: 2vmin;
padding-top: 0.5vw;
padding-right: 2vw;
padding-bottom: 1.5vw;
padding-left: 2vw;
}

a {
font-family: 'Montserrat';
font-size: medium;
text-align: justify;
padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 1vw;
}

h1 {
font-style: 'Bitter';
font-size: 5vmin;
text-align: center;
text-shadow: 0.1vw 0.1vw 0.1vw grey;
padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 1vw;
}

h1:hover {
color: grey;
font-style: 'Bitter';
font-size: 5vmin;
text-align: center;
text-shadow: 0.1vw 0.1vw 0.1vw black;
padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 1vw;
}

h2 {
font-family: 'Montserrat';
font-size: 4vmin;
text-align: center;
padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 1vw;
}

body{background-color: white;}

.seccion1 {
margin-top: 3vw;
margin-right: 6vw;
margin-bottom: 3vw;
margin-left: 4vw;
	background-color: #b4ffff;
}

.seccion2 {
margin-top: 3vw;
margin-right: 6vw;
margin-bottom: 3vw;
margin-left: 4vw;
	background-color: #d7ffd9;
}

.seccion3 {
margin-top: 3vw;
margin-right: 6vw;
margin-bottom: 3vw;
margin-left: 4vw;
	background-color: #ffc1e3;
}

.seccion4 {
margin-top: 3vw;
margin-right: 6vw;
margin-bottom: 3vw;
margin-left: 4vw;
	background-color: #ffffb0;

}


.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	transition: .3s;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
      transform: scale(1.2);

}
.myButton:active {
	position:relative;
	top:1px;
}

.botonvolver {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:2px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color: rgb(38, 35, 35);
	font-family:Arial;
	font-size:3vmin;
	padding:6px 24px;
	transition: .3s;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    position:fixed;
    bottom: 0;
    right: 0;
	margin-right: 15px;
    margin-bottom: 10px;
}
.botonvolver:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
     transform: scale(1.2);
  }


.musicafondo {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	border-radius:6px;
	border:2px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color: rgb(38, 35, 35);
	padding:6px 24px;
	text-decoration:none;
    position:fixed;
    bottom: 0;
    left: 0;
	margin-left: 15px;
    margin-bottom: 10px;
    z-index:10000;

}

/*etiquetas especificas*/

.foto {
display:block;
margin:auto;
width: 20vmax;
}

.videos {
 text-align:center;
padding-bottom: 2vmax;
}

.spotify {
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.iconos {
width: 4vmax;
}

.centrariconos{
display: flex;
width: 80%;
margin-left: auto;
margin-right: auto;
justify-content: space-around;
padding-bottom: 2vmax; 
}

.links {

	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-align: center;
}

.gal{
display:block;
margin:auto;
width: 70%;
margin-right: auto;
margin-left: auto;
  transition: .3s;

padding-top: 0.5vw;
padding-right: 1vw;
padding-bottom: 0.5vw;
padding-left: 2vw;

}

.gal:hover {
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  background-color:#dfdfdf;
  transform: scale(1.2);

  }