/* hoja de estilo */

* {font-family: serif; 
text-decoration: none;
background-color: beige;
    margin: 2%;
}


@font-face {
    font-family: 'playfair_displayblack';
    src: url('playfairdisplay-black-webfont.woff2') format('woff2'),
         url('playfairdisplay-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'playfair_displayblack_italic';
    src: url('playfairdisplay-blackitalic-webfont.woff2') format('woff2'),
         url('playfairdisplay-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'playfair_displaybold';
    src: url('playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'playfair_displaybold_italic';
    src: url('playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
         url('playfairdisplay-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'playfair_displayitalic';
    src: url('playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('playfairdisplay-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'playfair_displayregular';
    src: url('playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


h1 { color: rgb(208, 103, 103);   
 font-family:"playfair_displayitalic, arial, cursive";}
h2 { color: rgb(208, 103, 103);
font-family: "playfair_displayregular, arial, sanserif";}
h3 { color: rgb(208, 103, 103);}

ul li a {     color:rgb(208, 103, 103);
    padding: 3px;
    border: 20;}
.subrayadito {text-decoration: underline;
background-color:   rgb(208, 103, 103);
    color: beige;}

nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
}

ul li a {
    color: rgb(208, 103, 103);
    text-decoration: none;
    
}

nav ul li a:hover{
   color:burlywood
}

section {
    display:flex;
    margin: 4%;
    background-color: rgb(208, 103, 103);
    flex-direction:row;
    justify-content:
}


#texto{
    display: flex;
    flex-direction: column;
    background-color: rgb(208, 103, 103);
    line-height: 2;
    
}

figure {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: rgb(208, 103, 103);
}

img {
     background-color: rgb(208, 103, 103);
}

section h1 {
    background-color: rgb(208, 103, 103);
    color: beige
}
p {
    background-color:   rgb(208, 103, 103);
    color: beige;
}

#materias{
    display: flex;
    margin: 4%;
    border-style: double;
    border-width: thin;
    border-color: rgb(208, 103, 103);
}
#uno {
    display: flex;
    flex-direction: column;
   
}
#dos {
    display: flex;
    flex-direction: column;
}
#encurso {
    display: flex;
    flex-direction: column;
}
li {
    color: rgb(208, 103, 103);
    list-style-type:circle;
    
}

footer p {
    background-color: beige;
    color: rgb(208, 103, 103);
    
}