*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;  
    ---color1:#f2e527;
    ---color2:#403501;
    ---color3:#0d0d0d; 
    ---color4:#f2d027;
    background-image: url(imagenes/sw_fondo.jpg);
    color: white;
}
#contenedor{
    width: 90%;
    /*border: 4px solid red;*/
    margin: 25px auto;
}
#cabecera{
    border: 2px solid var(---color2);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px;
    padding: 10px;
}
#logo{
    height: 150px;
}
#search{
    height: 50px;
}
#titulo{
    text-align: center;
    margin: 10px;
    padding: 10px;
}
#contenido{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 10px;
    padding: 10px;
    border: 2px solid white;
}
.episodio{
    /*border: 3px solid green;*/
    width: 30%
    padding: 10px;
}
.episodio img{
    width: 90%;
    display: block;
    margin: auto;
}
.episodio h2{
    text-align: center;
    margin: 10px;
    color: var(---color4);
}
.episodio p{
    text-align: justify;
}
#pie{
    text-align: center;
    border: 3px solid var(---color2);
    margin: 10px;
    padding: 10px;
}
#pie h3, #pie p{
    padding: 10px;
}
#pie img{
    height: 50px;
    margin: 10px;
}