@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

/* Body Seccion 1 */
Body {background:#f8f4f0;
    font-family: Helvetica;
    text-align: center; 
    margin: 0;
    padding: 0%;
    box-sizing: border-box;}

Header {background: #dbd2cc; 
    font-family: font-family: 'Raleway', sans-serif;
    font-size: 1.5rem; 
    text-align: center; 
    margin-top: 5px; 
    margin-bottom:20px;
    padding: 10px 32px;}

Nav ul li {background-color: rgba(255,255,255,0.5); 
    color: #492b20; 
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    display: inline-block; 
    margin: -10px 2px; 
    margin-top: -3rem; 
    justify-content: space-around;
    align-items: baseline; 
    padding: 10px 32px; 
    border-radius: 16px;
    box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.28)}
Nav ul li a:hover{font-weight: 600; text-decoration: none}

.inicio{
	display: flex;
    justify-content: left;}

.rbavatar{width: 20rem; height: 20rem; 
    border-radius: 50%; 
    display:flex; 
    box-sizing: border-box;  
    box-shadow: rgb(0, 0, 0) 2px 20px 30px -15px;}

.rociob{width: 20rem; height: 20rem;
    margin-bottom: 5%; margin-top: 2%;
    margin-left: 3%;
    display: flex;
    justify-content: left}

.on{display: none}

.rociob:hover .off{ display: none;}

.rociob:hover .on{display: block;}

.rbvimeo{width: 20rem; height: 20rem; 
    border-radius: 50%; 
    display:flex; 
    box-sizing: border-box;  
    box-shadow: rgb(0, 0, 0) 2px 20px 30px -15px;}

    
h1{color: #332019; 
    font-family: 'Syncopate', sans-serif;
    font-size: 3rem; 
    text-align:left; 
    margin-top: -3rem; margin-bottom: -4%; 
    margin-left: 15%;   
    width: max-content;
    justify-content: left}

h2{color: #1f1c27;
    font-family: Helvetica, sans-serif; 
    font-size: 1.4rem; 
    text-align: left;  
    margin-top: -5rem; margin-bottom: 2.5%; 
    margin-left: 36.8%; 
    width: max-content;
    justify-content: left;}


/* Body Seccion 2 */

.info{display: flex; 
    flex-direction: row; 
    justify-content: space-around; 
    align-content: center; 
    flex-wrap: nowrap; 
    width: 95%; height:25%}

.nivel{font-family: Helvetica;color: #1f1c27;width: 30%;padding: 5%;min-height: 8rem;border-radius: 1rem; margin: 5%;text-align: center;box-shadow: 0rem 0rem 2rem 0rem rgba(0,0,0,0.48);display: inline-block;}


/* Body Seccion 2 BIS */
.columna-4{
    background:#dbd2cc; 
    color:#1f1c27; 
    font-family: 'Raleway', sans-serif;
    padding: 5%;
    border-radius: 10px; 
    margin: auto;
    box-shadow: 0rem 0rem 0.rem 0rem rgba(0,0,0,0.48); 
    display: inline-block;}

nav a:hover{background-color: rgba(255,255,255,1); 
    font-weight: 600; 
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}

.ocampo{margin: 40px 0px;}
.catedra{background:#dbd2cc; 
    color:#1f1c27; 
    font-family: 'Raleway', sans-serif; 
    padding: 20px 32px; 
    border-radius: 16px; 
    margin: 5px 2px;
    box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.48);
    display: inline-block;}

a:hover{font-weight: 600; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}

/* Pie de Página */
.catedra datos{background: #d3c0b2;
    font-family: Helvetica;
    font-size:1rem; 
    padding-bottom: 2rem;}

.catedra datos article{background: #676074;
    color: #1f1c27
    font-family: Helvetica;
    font-size:1rem;
    max-width: 40rem;
    border-radius: 16px;
    margin: auto; 
    padding: 3rem 1rem;}

footer {color:#aea096;font-family: Raleway;text-align: center}
footer p{color:#1e192b;font-family: Raleway;font-size: 0.6rem;text-align: center}