body {
  background-color:#E2FAFF;
}
a{
  text-decoration:none;
}
#titulo {
  font-family: 'Varela Round', sans-serif;
  color: #8D86C9;
  background-color: #FFFFFF;
  background-opacity: 0.3;
  font-size: 6vw;
  text-align: center;
  margin-top: 5vw;
  margin-bottom: 5vw;
}
#fondo {
  position:absolute;
  top:0vw;
  z-index:-1;
}
#sub {
  font-size: 4vw;
  width: 60vw;
  color: #84C97F;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  padding-left: 1vw;
  border: 0.4vw solid #E2FAFF;
  border-radius: 1vw;
}
#sub1 {
  font-size: 4vw;
  width: 60vw;
  color: #84C97F;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  padding-left: 1vw;
  border: 0.4vw solid #E2FAFF;
  border-radius: 1vw;
}
#sub2 {
  font-size: 4vw;
  width: 60vw;
  color: #84C97F;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  padding-left: 1vw;
  border: 0.4vw solid #E2FAFF;
  border-radius: 1vw;
}
#sub3 {
  font-size: 4vw;
  width: 60vw;
  color: #84C97F;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  padding-left: 1vw;
  apdding-bottom: 2vw;
  border: 0.4vw solid #E2FAFF;
  border-radius: 1vw;
}
#sub:hover {
  background-color: #BFFFE4;
  opacity: 0.7;
  transition-duration: 0.3s;
    margin-top: 1vw;
}
#sub1:hover {
  background-color: #BFFFE4;
  opacity: 0.7;
  transition-duration: 0.3s;
margin-top: 1vw;}
#sub2:hover {
  background-color: #BFFFE4;
  opacity: 0.7;
  transition-duration: 0.3s;
margin-top: 1vw;}
#sub3:hover {
  background-color: #BFFFE4;
  opacity: 0.7;
  transition-duration: 0.3s;}

.secciones {
  background-color: #F4FAB4;
  color:#8D86C9;
  font-size: 4.7vw;
  font-family: 'Julius Sans One', sans-serif;
  text-align:center;
  margin-bottom: 1vw;
}

#marquesina0 {
  margin-top: 1vw;
  text-align: center;
}
#info {
  font-family: 'Roboto Mono', monospace;
  font-size:2.3vw;
  text-align: center;
  color:#34113f;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
#info1 {
  font-family: 'Roboto Mono', monospace;
  font-size:2.3vw;
  padding-left:1vw;
  color:#34113f;
  background-color: #F4FAB4;
}
#info2 {
  font-family: 'Roboto Mono', monospace;
  font-size:2.3vw;
  padding-left:1vw;
  color:#34113f;
  background-color: #F4FAB4;
}
#textoFamilia {
  margin-bottom: 1vw;
  background-color: #BFFFE4;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  font-size: 2vw;
}
#mascotas {
  margin-bottom: 1vw;
  background-color: #BFFFE4;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  font-size: 2vw;
}
#fotosMascotas {
  text-align: center;
}
#abuelos {
  margin-bottom: 1vw;
  background-color: #BFFFE4;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  font-size: 2vw;
}
#fotosAbuelos {
  text-align: center;
}
#primas {
  margin-bottom: 1vw;
  background-color: #BFFFE4;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  font-size: 2vw;
}
#tíos {
  margin-botttom: 2vw;
  background-color: #BFFFE4;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  font-size: 2vw;
}
#fotosTios{
  text-align: center;
}

#info3 {
  font-family: 'Roboto Mono', monospace;
  font-size: 2.3vw;
  color: #34113f;
  padding-left: 1vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
#marquesina1 {
  padding-top: 2vw;
}

#info4 {
  font-family: 'Roboto Mono', monospace;
  font-size:3vw;
  padding-left:1vw;
  color:#34113f;
  text-align:center;
  margin-bottom: 0.7vw;
}
#usuario {
  font-family: 'Roboto Mono', monospace;
  font-size: 2.5vw;
  color:#34113f;
  background-color:#FFE0DD;
  border-radius:1vw;
  text-align: center;
  margin-bottom:0.6vw;
}
#usuario:hover{
  color:#FFFFFF;
}
#usuario1 {
  font-family: 'Roboto Mono', monospace;
  font-size: 2.5vw;
  color:#34113f;
  text-align: center;
  background-color:#FFE0DD;
  border-radius:1vw;
  margin-bottom:0.6vw;
}
#usuario1:hover{
  color:#FFFFFF;
}
#usuario2 {
  font-family: 'Roboto Mono', monospace;
  font-size: 2.5vw;
  color:#34113f;
  text-align: center;
  margin-bottom:3vw;
  background-color:#FFE0DD;
  border-radius:1vw;
}
#usuario2:hover{
  color:#FFFFFF;
}

#illia1 {
  margin-bottom: 1.4vw;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 4vw;
  text-align: center;
}
#cicloBasico {
  text-align: center;
  margin-bottom: 1vw;
  font-size: 3vw;
}
#primerosAños {
  text-align: center;
  margin-bottom: 1vw;
}
#cicloSuperior{
  text-align: center;
  margin-bottom: 1vw;
  font-size: 3vw;
}
#ultimosAños {
  text-align: center;
  margin-bottom: 1.5vw;
}

.subtitulos {
  font-family: 'Questrial', sans-serif;
  background-color:#B5FFF4;
  color:#35605A;
  font-size: 4.5vw;
  text-align: left;
  border:0.4vw;
  border-radius:0.7vw;
  margin-top:1vw;
  margin-bottom:1vw;
}

#videosArte {
  text-align: center;
}
#fotosamigos {
  text-align: center;
}
#coro {
  text-align: center;
}

#martina {
  font-size: 4vw;
  margin-bottom: 0.7vw;
}
#fotosMar {
  text-align: center;
}

.salidas {
  font-size: 4vw;
  margin-bottom: 1vw;
  text-align: center;
}

#carta {
  margin-bottom: 1vw;
  font-size: 2.2vw;
}
#fecha {
  font-family: 'Parisienne', cursive;
  font-size: 3vw;
  text-align: right;
}
#carta1 {
 font-family: 'Parisienne', cursive;
  font-size: 3vw;
  margin-bottom: 0.5vw;
}
#cuerpoCarta {
  font-family: 'Parisienne', cursive;
  font-size: 3vw;
}
#cuerpoCarta1 {
  font-family: 'Parisienne', cursive;
  font-size: 3vw;
}
#cuerpoCarta2 {
  font-family: 'Parisienne', cursive;
  font-size: 3vw;
}
#cuerpoCarta3 {
  font-family: 'Parisienne', cursive;
  font-size: 3vw;
}
#final {
  font-family: 'Parisienne', cursive;
  font-size: 3vw;
}