/* GENERALES */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap');

body {
    background-size: cover;
    font-family: 'Open Sans', sans-serif;
    color: black;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    text-align: center;
    margin-top: -3px;
}

.contenido {
    min-width: 90%;
    margin: 40px auto;
    padding: 16px 34px;
    text-align: justify;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

nav {
    border-bottom: 1px solid rgb(190, 190, 190);
}

.volver {
    display: block;
    width: fit-content;
    margin: 50px auto 10px;
}

.volver a {
    padding: 5px 30px;
    border-radius: 100px;
    background-color: gainsboro;
}

/* ESPECÍFICOS */

/* HEADER */
.encabezado{
    text-align: center;
}

.header {
    background-image: url("../img/fondoheader.png");
    background-size: cover;
    width: 100%;
    margin: 25px 0 20px;
}

.y2k {
    display: block;
    margin: auto;
    width: 300px;
    padding: 50px;
}

/* INTRODUCCIÓN */
.introduccion {
    padding: 16px 0 20px;
    text-align: center;
}

/* IMÁGENES */

.imgestilo {
    display: block;
    border: 3px solid black;
    border-radius: 20px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    box-shadow: 3px 3px 15px #00000044;
}

/* .imgmoda {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;

    width: 100%;
    text-align: center;
    padding: 3% 0 3%;
} */

.imgmoda {
    margin-top: -40px;
}

.imgmoda img {
    border-radius: 100%;
    box-shadow: 2px 2px 5px #00000056;
    padding: 0;
    margin: 20px 15px 0;
    column-gap: 40px;
}

/* PIE */

.pie {
    color: #1b2b46;
    font-weight: 600;
    text-align: center;
    margin-top: -50px;
}

/* DOS COLUMNAS */

.playlistslista, .peliculaslista {
    column-count: 3;
    column-gap: 30px;
}