body {
    background-color: #F9EFDE;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Roboto Condensed', sans-serif;
}

header {
    background-color: #EDF4FC;
}

footer {
    background-color: #EDF4FC;
    text-align: center;
}

h1 {
    color: #BAA488;
    text-align: center;
    font-size: 200%;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Roboto Condensed', sans-serif;
}

h2 {
    color: #FF7E55;
    text-align: center;
    font-size: 75%;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Roboto Condensed', sans-serif;
}

h3 {
    color: #FF9F55;
    text-align: justify;
    font-size: 55%;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Roboto Condensed', sans-serif;
}

h4 {
    color: #6797A1;
    text-align: justify;
    font-size: 50%;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Roboto Condensed', sans-serif;
}

p {
    font-family: 'Caveat Brush', cursive;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: medium;
}

#enunciado {
    background-color: #F9EFDE;
}

#marco {
    background-color: #CEBCB0;
    padding: 10px;
    margin: 10px;
    border: 3px solid #BAA488;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vertical {
    padding: 3px;
    border: 1px solid black;
    background-color: white;
    width: 300px;
    height: 400px;
}

.horizontal {
    border: 1px solid white;
    background-color: white;
    width: 300px;
    height: 196px;
}

#Punto1 {
    width: 300px;
    height: 300px;
    text-align: justify;
    background: -webkit-linear-gradient(red, blue);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, blue);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, blue);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, blue);
    /* Standard syntax */
    padding: 10px;
    margin: 10px;
}

#Punto2 {
    font-family: 'Barrio', cursive;
    text-align: justify;
    font-size-adjust: 0.90;
    color: #CD6B97;
    width: 300px;
    height: 300px;
    padding: 10px;
    margin: 10px;
}

#Punto7 {
    padding: 3px;
    border: 2px solid #6797A1;
    background-color: #F2F8EA;
    border-radius: 50px 65px 50px 65px;
    width: 300px;
    height: 300px;
    padding: 10px;
    margin: 10px;
}

#Punto6 {
    width: 400px;
    height: 400px;
    padding: 10px;
    margin: 10px;
}

#Punto5 {
    width: 400px;
    height: 400px;
    padding: 10px;
    margin: 10px;
}