@font-face {

    font-family: BauerBodoniStd-Roman;
    src: url(fontes/BauerBodoniStd-Roman.otf);
    font-weight: 400;
}


@font-face {

    font-family: BauerBodoniStd-Roman;
    src: url(fontes/BauerBodoniStd-Roman.otf);
    font-weight: 700;
}


h1 {
    color: rgb(255, 0, 234);
    font-size: 60px;
    font-family: BauerBodoniStd-Roman;
    font-weight: 700;
}

p {
    font-family: BauerBodoniStd-Roman;
    font-weight: 700;
}

h2 {
    color: magenta;
    font-size: 30px;
    font-weight: 400;
}

img {
    width: 100%;

}

#contentor {
    background-color: beige;

    width: 800px;
    margin-left: auto;
    margin-right: auto;

    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px;
    padding-left: 50px;
}

#cabecalho {
    background-color: rgb(135, 150, 119);
    padding: 25px;
    border-top: 30px;
}

#rodape {
    background-color: rgb(135, 150, 119);
    padding: 25px;
}

#historia {
    background-color: rgb(135, 150, 119);
    padding: 25px;
    margin-top: 20px;
}

#biografia {
    background-color: rgb(135, 150, 119);

}

#logo {
    width: 100px;
}

#didone {
    width: 50%;
}

#aplica_flex {
    display: flex;
}

#texto {
    width: 50%;
}

/* METER UNS BORDERS 
PARA VEREM MELHOR */

/* METER EM TODOS E DEPOIS SO NOS DIVS */

/* FIQUEI NESTA PARTE DA
INTRODUÇÂO AOS IDs

REVER ISTO DOS IDs */

/* MARCAS DE

 - conteudo
 - estrutura

 */


@media (max-width: 500px) {
    body {
        background-color: rgb(135, 150, 119);
    }

    h1 {
        color: blanchedalmond;
        font-size: 20px;
    }

    #aplica_flex {
        flex-direction: column;

    }

}