/* body */
.cuerpo{background-color:#e2e6d9 ;}

/* encabezado */
.encabezado{
        background-color: #e2e6d9; 
        width: 100vw;
        height: 30vh}
.tituloanuario{
        font-family: 'ZCOOL KuaiLe', cursive;
        color: rgb(14, 151, 49);
        text-align: center;
        width: 100vw;
        height: 10vh;
        display: inline-block;
        box-sizing: border-box;
        font-size: 13vmin;    
}

/* sección 1 */
.seccion1{
        background-color: rgb(230, 187, 187);
        width: 100vw;}
.titulo1{
        font-family: 'ZCOOL KuaiLe', cursive;
        color: rgb(149, 173, 39);
        text-align: center;
        width: 100vw;
        height: 10vh;
        display: inline-block;
        box-sizing: border-box;
        font-size: 12vmin;}
.texto{
        font-family: 'Indie Flower', cursive;
        width: 100vw;
        height: 15vh;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
        font-size: 3vmin;}
.cajafoto{
        text-align: center;
        box-sizing: border-box;
        display: inline-block;
         width: 100vw;
         margin-top:5% ;
        margin-bottom: 5%;}
#imagenyo{
        width: 50vw;
        text-align: center;}

/* edición del botón que sube por la página */
.botonarriba{
        position:fixed;
        bottom: 0;
        right: 0;
        margin-right: 15px;
        margin-bottom: 10px;
        box-shadow:inset -5px -2px 14px 0px #23395e;
        background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	 background-color:#2e466e;
	 border-radius:26px;
	 border:2px solid #1f2f47;
	 display:inline-block;
	 cursor:pointer;
	 color:#ffffff;
	 font-family:Courier New;
	 font-size:20px;
	 padding:13px 25px;
	 text-decoration:none;
	 text-shadow:0px 0px 0px #263666;}

/* sección 2 */
.seccion2{background-color: rgb(185, 185, 185);
        width:100vw; 
        height: 100vh;}
.titulo2{
        font-family: 'ZCOOL KuaiLe', cursive;
        color: rgb(255, 209, 83);
        text-align: center;
        width: 100vw;
        height: 10vh;
        display: inline-block;
        box-sizing: border-box;
        font-size: 12vmin;}

/* sección 3 */
.seccion3{background-color: #DDE0A3; 
        width: 100vw;}
.titulo3{
        font-family: 'ZCOOL KuaiLe', cursive;
        color: rgb(4, 28, 240);
        text-align: center;
        width: 100vw;
        height: 10vh;
        display: inline-block;
        box-sizing: border-box;
        font-size: 12vmin;}
.datos{
        font-family: 'ZCOOL KuaiLe', cursive;
        color: rgb(0, 0, 0);
        font-size: 9vmin;
        width: 100vw;
        height: 10vh;
        text-align: center;}
.datos1{
        margin-left: 11%;
        font-family: 'ZCOOL KuaiLe', cursive;
        color: rgb(0, 0, 0);
        font-size: 9vmin;
        width: 100vw;
        height: 30vh;
        text-align: center;}
.cajafoto1{
        text-align: center;
        box-sizing: border-box;
        display: inline-block;
        width: 100vw;
        height: 50vh;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: space-around;}
#instagram{
        width: 30vw;
        text-align: center;}
#facebook{
        width: 30vw;
        text-align: center;}
#twitter{
        width: 35vw;
        text-align: center;}
.signoyclub{
        text-align: center;
        box-sizing: border-box;
        display: flex;
        width: 100vw;
        height: 50vh; 
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: space-around;}

.cajasignoyclub{
        text-align: center;
        box-sizing: border-box;
        display: flex;
        width: 100vw; 
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: space-around;}
#capricornio{ 
        width: 45vw;
        text-align: center;
        margin-bottom: 20%;}
#river{ 
        width: 25vw;
        text-align: center;
        margin-bottom: 45%;}

/* sección 4 */
.seccion4{
        background-color: #A1C247;
        width: 100vw; 
        height:100vh;}
.titulo4{
        font-family: 'ZCOOL KuaiLe', cursive;
        color: #411E16;
        text-align: center;
        width: 100vw;
        height: 10vh;
        display: inline-block;
        box-sizing: border-box;
        font-size: 12vmin;}
.datos4{font-family: 'Rampart One', cursive;
        color: rgb(0, 0, 0);
        font-size: 6vmin;
        width: 100vw;
        text-align: center;}
#amigosplaya{width: 32vw;
text-align: center;}
#messiyyo{width: 28vw;
text-align: center;}
#caricatura{width: 20vw;
text-align: center;}