/* Selector universal: se le aplica a todos los atributos del html */
*{
    background-color: #f8edeb;
    color: #596475;
    text-align: center;
}

h1{
    color: #1F2232;
    border: solid  pink;
}

h3{
    color: #89b0ae
}

h4{
    color: #BC9EC1
}

h5{
    color: #E3BAC6
}

/* Selector de clase */

.tipografia{
    font-family: sans-serif;
    font-size: large;
    font-weight: 800;
    text-align: center;
    }

/* Selector de id*/
#color{
    color: #DA4167
}
#link{
    text-align: center;
    font-style: oblique;
    font-family: Geneva;
    font-weight: bold;
}

/* Media Queries */
@media only screen and (max-width: 600px) {
body{
    background-color: #E3BAC6
}

p{
    color: #DA4167
}
}

img, video {
    width: 300px;
    height: 200px;
    border: solid pink

}