/* comentarios */

body {
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
}

/* Titulos */

h1 {
    font-family: 'Courier New', Courier, monospace;
    color: brown;
}

h2, h3, h4 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

p {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/* Reglas personalizadas  los nombre no pueden contener espacios ni comenzar con espacios*/
.negrita {
    font-weight: bold;
    color: crimson;
}

.minimo {
    font-size: 0.7em;
    text-align: center;
    background-color: brown;
}
.destacado {
    color: rgba(63, 5, 199, 0.792);
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
}

a {
    text-decoration: none;
    font-family: 'Courier New', Courier, monospace;
    background-color: brown;
    color: aliceblue;
}

/* pseudo elementos. modifican declaraciones de un elemento determinado */
a:hover {
    background-color: rgb(242, 255, 2);
    color: brown;
}

/* esta regla se suma y/o modifica a la anteriormente declarada */
h2 {
    text-decoration: solid;
    text-align: center;
}
/* estas reglas modifican aspecto de la lista */
ul{
    padding: 0.5rem; /* modifica el marginado de items de la lista */
    list-style: none; /* le saca los bullets a la lista */
    font-family: 'Courier New', Courier, monospace;
}
ol { list-style-type: circle;
    color: darkgreen;
}


/* Reglas de la estructura semantica */
footer { width: 50%;
    padding: 1rem;
    margin: 1rem;
    background-color: blanchedalmond;  
    border-width: 0.5rem 1rem; 
    border-color: black;  
    border-style: solid;   
    border-radius: 1rem 1rem 0 0;
}

img {
    border-radius: 30%;
    }