* {
    margin: 0;
    padding: 0%;
    box-sizing: border-box;
}

.paginaInicialblink {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.04fr 0.1fr 2fr 0.001fr;
    grid-template-areas:
        "titulo"
        "logo"
        "historia"
        "footer";
}

.inicioBlink h3 {
    grid-area: titulo;
}

.headerBlink {
    grid-area: logo;
}

.listaBlink {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.letraRosa {
    grid-area: historia;
}

.footerBlink {
    grid-area: footer;
}

.footerBlink {
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 500px) {
    .paginaInicialblink {
        grid-template-columns: 1fr;
        grid-template-rows: 0.01fr 0.05fr 1fr 0.01fr;
        grid-template-areas:
            "titulo"
            "logo"
            "historia"
            "footer";
    }

    .inicioBlink {
        background-color: #0a9396;
        color: #ff006d;
        font-family: Arial, Helvetica, sans-serif;
    }

    .breveHistoria {
        background-color: #0a9396;
        color: #ff006d;
    }

    .paginaInicialblink {
        width: 100vw;
    }

    .listaBlink {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .headerBlink img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .imagenInicial {
        width: 416px;

    }

}

@media screen and (max-width: 800px) {
    .paginaInicialblink {
        grid-template-columns: 1fr;
        grid-template-rows: 0.01fr 0.05fr 1fr 0.01fr;
        grid-template-areas:
            "titulo"
            "logo"
            "historia"
            "footer";
    }


    .inicioBlink {
        background-color: #0a9396;
        color: #ff006d;
        font-family: Arial, Helvetica, sans-serif;
    }

    .breveHistoria {
        background-color: #0a9396;
        color: #ff006d;
    }

    .paginaInicialblink {
        width: 100vw;
    }

    .listaBlink {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .headerBlink img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .imagenInicial {
        width: 700px;
        display: block;

    }

}



.inicioBlink h3 {
    color: #219ebc;
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #ff006d;
}

.logoBlink {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



.imagenInicial {
    width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}




.paginaPrincipal {
    background-image: url(https://www.vhv.rs/dpng/d/564-5648798_blink-182-logo-blink-182-hd-png-download.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}



.subTitulo {
    text-align: center;
    background-color: #ff006d;
    color: #219ebc;
    font-size: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-top: 30px;
}



.letraRosa {
    color: #ff006d;
    font-family: 'Fredoka';
    margin-top: 10px;
    padding: 10px 10px;
    font-weight: bold;
    border: 1px dashed black;
}




.listaBlink li {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    list-style-type: none;
    margin-top: 25px;

}



.seccionesPagina {
    text-decoration: none;
    display: block;
    position: relative;
    width: 25%;
    font-size: 14px;
}

@keyframes aparecer {
    0% {
        opacity: 0%;
    }

    20% {
        opacity: 20%;
    }

    40% {
        opacity: 40%;
    }

    60% {
        opacity: 60%;
    }

    80% {
        opacity: 80%;
    }

    100% {
        opacity: 100%;
    }
}

.seccionesPagina {
    animation-name: aparecer;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: initial;
}

.headerBlink img {
    height: 250px;
    filter: none;
    transition: height 3s;
}

.headerBlink img:hover {
    height: 350px;
    filter: grayscale(50%);
}



.footerBlink {
    margin-top: 30px;
    height: 0.02px;


}

.instaBlink {
    margin-top: 50px;
}


/*INTEGRANTES*/



.listaBlinkintegrantes {
    grid-area: navintegrantes;

}

.articleMark {
    grid-area: integrantes;
}

.mainTom {
    grid-area: tom;
}


.mainTravis {
    grid-area: travis;
}

.volverPaginaa {
    grid-area: volver;
}

.footerIntegrantes {
    grid-area: footer;
}

.volverPaginaa {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerIntegrantes {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .integrantesBlink182 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.02fr 0.02fr 0.02fr 0.01fr 0.01fr;
        grid-template-areas:
            "navintegrantes"
            "tom"
            "travis"
            "volver"
            "footer";
        background-image: url(../imagenes/marmol.jpg);
    }


    .navIntegrantes {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;

    }

    .navIntegrantes li a {
        color: #0a9396;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }



}

@media screen and (max-width: 800px) {
    .integrantesBlink182 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.02fr 0.02fr 0.02fr 0.01fr 0.01fr;
        grid-template-areas:
            "navintegrantes"
            "tom"
            "travis"
            "volver"
            "footer";
        background-image: url(../imagenes/marmol.jpg);
    }

    .navIntegrantes {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .navIntegrantes li a {
        color: #0a9396;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }


}



.navIntegrantes {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.navIntegrantes li {
    list-style-type: none;
}

.navIntegrantes li a {
    text-decoration: none;
    color: #ff0054;
    font-family: Arial, Helvetica, sans-serif;
}

@keyframes aparecer {
    0% {
        opacity: 0%;
    }

    20% {
        opacity: 20%;
    }

    40% {
        opacity: 40%;
    }

    60% {
        opacity: 60%;
    }

    80% {
        opacity: 80%;
    }

    100% {
        opacity: 100%;
    }
}

.listaBlinkintegrantes li a {
    animation-name: aparecer;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: initial;
}

.articleMark {
    background-image: url(../imagenes/Blink-182-Logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.articleMark h3 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 40px;
    font-style: italic;
    color: blue;
}

.introduccionMark {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 35px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.otrosTrabajos {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 25px;
    font-style: italic;
    color: #219ebc;
}

.otros__Trabajos {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 15px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.vidaMark {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 25px;
    font-style: italic;
    color: #219ebc;
}

.vida__Mark {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 15px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.fotoMark {
    margin-top: 35px;
}

.foto__Mark {
    color: #219ebc;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin-top: 5px;
}

.articleTom {
    background-image: url(../imagenes/descarga.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tomDelonge {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 40px;
    font-style: italic;
    color: blue;
}

.introduccionTom {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 35px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.vidaTom {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 25px;
    font-style: italic;
    color: #219ebc;
}

.vida__Tom {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 15px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.fotoTom {
    text-align: right;
    margin-top: 15px;
}

.foto__Tom {
    color: #0a9396;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin-top: 5px;
}

.articleTravis {
    background-image: url(../imagenes/Blink-182-Logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.travisBarker {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 40px;
    font-style: italic;
    color: #219ebc;
}

.introduccionTravis {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 35px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.vidaTravis {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 25px;
    font-style: italic;
    color: #219ebc;
}

.vida__Travis {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 15px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.fueraMusica {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 25px;
    font-style: italic;
    color: #219ebc;
}

.fuera__Musica {
    font-family: 'league gothic';
    font-size: 25px;
    margin-top: 15px;
    color: #ff006d;
    padding: 10px 10px 10px 10px;
}

.fotoTravis {
    text-align: right;
    margin-top: 15px;
}

.foto__Travis {
    color: #219ebc;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin-top: 5px;
}

.volverPaginaa {
    margin-top: 10px;
    margin-bottom: 10px;
}


.volver__Paginaa {
    text-decoration: none;
    color: #ff006d;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}


/*HISTORIA DE LA BANDA*/




.superJovenes {
    width: 700px;
    margin: auto;
}

.volverApagina {
    margin-top: 25px;
}

.historiaBlink {
    grid-area: titulo;
}

.articuloPrimerospasos {
    grid-area: texto;
}

.volverApagina {
    grid-area: volver;
}

.footerHistoria {
    grid-area: footer;
}

.volverApagina {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerHistoria {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}


@media screen and (max-width: 800px) {
    .lahistoriaBlink {

        width: 100vw;
        max-width: 100%;
        overflow-x: hidden;

    }

    .historiaBlink {
        max-width: 100%;
        width: 100vw;
    }

    .listaBlinkhistoria ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        list-style-type: none;

    }

    .listaBlinkhistoria ul li a {
        color: white;

    }

    .articuloPrimerospasos {
        padding: 30px
    }




    .superJovenes {
        width: 530px;
        margin: auto;
    }

}

@media screen and (max-width:500px) {
    .lahistoriaBlink {

        width: 100vw;
        max-width: 100%;
        overflow-x: hidden;
    }

    .listaBlinkhistoria ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .listaBlinkhistoria ul li a {
        color: white;

    }

    .articuloPrimerospasos {
        padding: 30px;

    }

    .superJovenes {
        width: 250px;
        margin: auto;
    }

}

.navegacionHistoria {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;

}

.navegacionHistoria li {
    list-style-type: none;
}

.navegacionHistoria li a {
    text-decoration: none;
    color: white;
    font-size: 20px;

}

@keyframes aparecer {
    0% {
        opacity: 0%;
    }

    20% {
        opacity: 20%;
    }

    40% {
        opacity: 40%;
    }

    60% {
        opacity: 60%;
    }

    80% {
        opacity: 80%;
    }

    100% {
        opacity: 100%;
    }
}

.navegacionHistoria li a {
    animation-name: aparecer;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: initial;
}


.lahistoriaBlink {
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    background-image: url(../imagenes/fondohistoria.jpg);



}

.historiaBlink {
    text-align: center;
    color: #ff206e;
    font-family: 'Fredoka';
    font-size: 25px;
}

.articuloPrimerospasos {

    font-family: 'Fredoka';
    color: white;
    padding: 30px;
    line-height: 30px;
    font-size: 23px;
}

.primerosPasos {
    text-decoration: underline;
}

.noSubt {
    font-family: 'Fredoka';
    color: white;
    padding: 30px;
    line-height: 30px;
    font-size: 23px;
}

.superJovenes {
    margin-top: 20px;
}

.galeriaBlink {
    background-color: #ff0054;
    color: #219ebc;
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 20px;
}

.imagen__Travis {
    width: 600px;
    height: 500px;
}

.imagen__Tom {
    width: 600px;
    height: 500px;
}

.imagen__Mark {
    width: 300;
    height: 450px;
}

.blink__Caricatura {
    width: 700px;
    height: 500px;
}

.blink__Recital3 {
    width: 420px;
    height: 350px;
}

.blink__Recital2 {
    width: 350px;
    height: 350px;
}




/*CONTACTO*/

.fondoAzul {
    background-image: url(../imagenes/fondohistoria.jpg);
    background-repeat: repeat;

}


.navContacto {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.navContacto li {
    list-style-type: none;
}

.navContacto li a {
    text-decoration: none;
    color: white;
    font-size: 20px;

}

@keyframes aparecer {
    0% {
        opacity: 0%;
    }

    20% {
        opacity: 20%;
    }

    40% {
        opacity: 40%;
    }

    60% {
        opacity: 60%;
    }

    80% {
        opacity: 80%;
    }

    100% {
        opacity: 100%;
    }
}

.navContacto li a {
    animation-name: aparecer;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: initial;
}


.dejaComentario {
    margin-top: 5px;
}

.deja__Comentario {
    font-family: 'Fredoka';
    color: #ff006d;
    margin-left: 5px;
    text-align: center;
}

.lTa {
    font-family: 'Fredoka';
    font-size: 18px;
    color: white;
}

.form-label {
    color: white;
    font-family: 'Fredoka' ;
    font-size: 14px;
}

.form-control {
    font-family: 'Fredoka';
    font-size: 18px;
    color: white;
}

.btn-primary {
    font-family: 'Fredoka';
    font-size: 18px;
    color: white;
}

.form-text {
    font-family: 'Fredoka';
    font-size: 15px;
    color: white;
}

.introduciComentario {
    color: black;
    font-family: 'Fredoka' ;
    font-size: 14px;
}

.volverPaginaprincipal {
    margin-top: 10px;
    font-family: 'Open Sans';
    display: flex;
    justify-content: center;
    align-items: center;

}



.instagramBlink {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rowGenero {
    margin-left: 5px;
}

@media screen and (max-width: 800px) {
    .navContacto {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .navContacto li a {
        color: white;

    }
}

@media screen and (max-width: 500px) {
    .navContacto {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .navContacto li a {
        color: white;

    }
}


/*DISCOGRAFIA

.discografiaBlink
{
   display: grid;
    grid-template-columns: 0.01fr 0.01fr ;
    grid-template-rows:  1fr 1fr 1fr 1fr 1fr 0.02fr;
    grid-template-areas: 
    
    "budha cheshire"
    "dude enema"
    "take blink182"
    "nei california"
    "nine nine"
    "volver footer";
    overflow-x: hidden;
}*/

.discografiaBlink {
    background-image: url(../imagenes/fondohistoria.jpg);
    /* background-repeat: no-repeat;
    background-size: cover;*/
}


.discoBudha {
    grid-area: budha;
}

.discoCheshire {
    grid-area: cheshire;
}

.discoDude {
    grid-area: dude;
}

.discoEnema {
    grid-area: enema;
}

.discoTake {
    grid-area: take;
}

.discoBlink {
    grid-area: blink182;
}

.discoNei {
    grid-area: nei;
}

.discoCalifornia {
    grid-area: california;
}

.discoNine {
    grid-area: nine;
}

.footerBlink182 {
    grid-area: footer;
}

.vuelvePaginaprincipal {
    grid-area: volver;
}

.footerBlink182 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vuelvePaginaprincipal {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .discografiaBlink {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr;
        grid-template-areas:

            "budha"
            "cheshire"
            "dude"
            "enema"
            "take"
            "blink182"
            "nei"
            "california"
            "nine"
            "volver"
            "footer";
    }

    .listaBlinkdiscografia ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .listaBlinkdiscografia ul li a {
        color: white;

    }

    .footerBlink182 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vuelvePaginaprincipal {
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media screen and (max-width: 800px) {
    .discografiaBlink {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr 0.01fr;
        grid-template-areas:

            "budha"
            "cheshire"
            "dude"
            "enema"
            "take"
            "blink182"
            "nei"
            "california"
            "nine"
            "volver"
            "footer";
    }

    .discografiaBlink {
        overflow-x: hidden;
    }

    .listaBlinkdiscografia ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .listaBlinkdiscografia ul li a {
        color: white;

    }


}

.navegarDiscografia {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.navegarDiscografia li {
    list-style-type: none;
}

.navegarDiscografia li a {
    text-decoration: none;
    color: white;
    font-size: 20px;

}

@keyframes aparecer {
    0% {
        opacity: 0%;
    }

    20% {
        opacity: 20%;
    }

    40% {
        opacity: 40%;
    }

    60% {
        opacity: 60%;
    }

    80% {
        opacity: 80%;
    }

    100% {
        opacity: 100%;
    }
}

.navegarDiscografia li a {
    animation-name: aparecer;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: initial;
}

.buddhaDisco {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenBuddha {
    margin-top: 5px;
    margin-left: 6px;
}

.listaBuddha {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.primerCd {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeBuddha {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.cheshireDisco {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenCheshire {
    margin-top: 5px;
    margin-left: 6px;
}

.listaCheshire {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaCheshire {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeCheshire {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}


.dudeRanch {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenDude {
    margin-top: 5px;
    margin-left: 6px;
}

.listaDude {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaDude {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeDude {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.enemaOfstate {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenEnema {
    margin-top: 5px;
    margin-left: 6px;
}

.listaEnema {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaEnema {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeEnema {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.takePants {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenPants {
    margin-top: 5px;
    margin-left: 6px;
}

.listaPants {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaPants {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframePants {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.blinkAlbum {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenblinkAlbum {
    margin-top: 5px;
    margin-left: 6px;
}

.listaBlinkalbum {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaBlink {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeBlinkalbum {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.neiGhborhoods {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenNeighborhoods {
    margin-top: 5px;
    margin-left: 6px;
    width: 350px;
    height: 300px;
}

.listaNeighborhoods {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaNeighborhoods {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeNeighborhoods {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.caLifornia {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenCalifornia {
    margin-top: 5px;
    margin-left: 6px;
}

.listaCalifornia {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaCalifornia {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeCalifornia {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.niNe {
    font-family: 'Fredoka';
    margin-top: 20px;
    margin-left: 6px;
    color: #ff206e;
    text-decoration: underline;
}

.imagenNine {
    margin-top: 5px;
    margin-left: 6px;
}

.listaNine {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
    color: white;
}

.escuchaNine {
    font-family: 'Fredoka';
    margin-top: 5px;
    margin-left: 6px;
    color: white;
}

.iframeNine {
    margin-top: 20px;
    width: 350px;
    height: 400px;
}

.vuelvePaginaprincipal {
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: 'Fredoka';
}

.vuelve__Paginaprincipal {
    text-decoration: none;
    color: white;
}

.footerBlink182 {
    margin-bottom: 30px;
}

/*GALERIA*/

.galeriaBlink182 {
    background-image: url(../imagenes/fondohistoria.jpg);
    background-repeat: repeat;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.navGaleria {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.navGaleria li {
    list-style-type: none;
}

.navGaleria li a {
    text-decoration: none;
    color: white;
    font-size: 20px;
}

@keyframes aparecer {
    0% {
        opacity: 0%;
    }

    20% {
        opacity: 20%;
    }

    40% {
        opacity: 40%;
    }

    60% {
        opacity: 60%;
    }

    80% {
        opacity: 80%;
    }

    100% {
        opacity: 100%;
    }
}

.navGaleria li a {
    animation-name: aparecer;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: initial;
}

.imagen {
    width: 100%;
}

.imagen img {
    width: 100%;
}

.spiAlm {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5px;
    row-gap: 5px;
}



.footerGaleria {
    display: flex;
    justify-content: center;
    align-items: center;
}

.instaGaleria {
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 800px) {



    .galeriaBlink182 {
        width: 100vw;
        overflow-x: hidden;

    }

    .listaBlinkgaleria ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .listaBlinkgaleria ul li a {
        color: white;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }

    .spiAlm {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (max-width: 500px) {

    .galeriaBlink182 {
        width: 100vw;
        overflow-x: hidden;
    }


    .listaBlinkgaleria ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .listaBlinkgaleria ul li a {
        color: white;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }

    .spiAlm {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }



}