/* PAGINAS REFERENTES
https://firlefanzski.com/
https://drroebucks.com/
http://www.tomswholesomefood.com.au/
*/

/* RESET */

* {margin:0; padding:0}
.contenedor{ max-width: 80rem; margin: auto;}

a {text-decoration: none}

a:link {color: #464646;}

a:visited {color: #464646;}

ul {list-style-type: none}

/* ESTILOS GENERALES */

body {display: block;
    border: 2rem solid #F3E7C5;
    border-top-color: #F3E7C5;
    border-top-style: solid;
    border-top-width: 2rem;
    border-right-color: #F3E7C5;
    border-right-style: solid;
    border-right-width: 2rem;
    border-bottom-color: #F3E7C5;
    border-bottom-style: solid;
    border-bottom-width: 0rem;
    border-left-color: #F3E7C5;
    border-left-style: solid;
    border-left-width: 2rem;
    background: #FAF8FD;}

/* HEADER */

header h3 {text-decoration: overline;
    text-align: center;
    font-family: 'PT Serif', serif;
    font-size: 5rem;
    margin:7rem 0rem 3rem 0rem;}

header h3 a:hover {color: #969696;
    text-decoration: overline;
    text-align: center;
    font-family: 'PT Serif', serif;
    font-size: 5rem;
    margin:7rem 0rem 3rem 0rem;}

/* MENU */
.menu {font-family: "PT mono", monospace;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;}

nav ul li {display: inline-block;
    padding: 1rem;}

.menu li a:hover {
    background: #FEC800;
    font-family: "PT mono", monospace;
    color: #FAF8FD;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    padding: 1rem; 1rem; 1rem; 2.5rem;}

.rotulos {font-family: "PT mono", monospace;
    text-transform: uppercase;
    font-size: 0.7rem;
    text-align: center;
    letter-spacing: 0.5rem;}

.rotulos li a:hover {font-family: "PT mono", monospace;
    text-transform: uppercase;
    font-size: 0.7rem;
    text-align: center;
    letter-spacing: 0.5rem;
    color: #FEC800;}

.linkactivo {background: #FEC800;}

.linkactivo a:hover {color: #FAF8FD;}

/* MAIN */
main {margin: 4rem 0 0 0}

/* PERFIL */

.perfil {text-align: center;}

.perfil h2{font-family: 'PT Serif', serif;
    font-size: 2rem;
    color: #464646;
    margin: 1rem;}

.perfil p a{font-family: "PT mono", monospace;
    font-size: 1rem;
    color: #464646;}

.perfil p a:hover {font-family: "PT mono", monospace;
    font-size: 1rem;
    color: #FEC800;}

img {text-align: center;
    width: 100%;
    border-radius: 50%;}

img:hover {opacity: 0.5;
    filter: alpha(opacity=50);}

/* MATERIAS */

.info h3 {font-family: 'PT Serif', serif;
    font-size: 1rem;
    color: #464646;
    text-transform: uppercase;
    text-align: center;
    background:#F3E7C5;
    padding:0.75rem;}



/* PRIMERO */

.primero h4 {font-family: 'PT Serif', serif;
    color: #464646;
    text-align: center;
    letter-spacing: 0.5rem;
    margin: 0 0 1rem 0;}

.primero ul li {font-family: "PT mono", monospace;
    font-size: 0.8rem;
    line-height: 2;
    text-align: center;}

/* SEGUNDO */

.segundo h4 {font-family: 'PT Serif', serif;
    color: #464646;
    text-align: center;
    letter-spacing: 0.5rem;
    margin: 0 0 1rem 0;}

.segundo ul li {font-family: "PT mono", monospace;
    font-size: 0.8rem;
    line-height: 2;
    text-align: center;}

/* TERCERO */

.tercero h4 {font-family: 'PT Serif', serif;
    color: #464646;
    text-align: center;
    letter-spacing: 0.5rem;
    margin: 0 0 1rem 0;}

.tercero ul li {font-family: "PT mono", monospace;
    font-size: 0.8rem;
    line-height: 2;
    text-align: center;}

/* FOOTER */

footer {background: #F3E7C5;
    padding: 2rem 10rem 1rem 10rem;
    margin: 4rem 0 0 0;
    font-family: "PT mono", monospace;
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.5;}

/* ESTRUCTURA */

section {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
    margin: }

.perfil {width: 25%;
    margin: 3rem 3rem 3rem 7rem;}

.info {width: 50%;
    padding: 3rem;
    margin: 3rem 0 0 0;}

.materias {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
    margin: 3rem 0 0 0;}