*{margin:0;padding:0;box-sizing:border-box;}
body {
    padding-top: 18vh;
    padding-bottom: 6vh;
    background-image: url(../img/fondo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'roboto',sans-serif;
}

/*______________________GENERAL______________________*/

    .contenedor{
        box-sizing: border-box;
        border-radius:;
        max-width: 75rem;
        background: white;
        margin: auto;
        text-align: center;
        padding-top: 2rem;
    }
    .contenedorup{
        box-sizing: border-box;
        border-radius:.7rem .7rem 0 0 ;
        max-width: 75rem;
        background: white;
        margin: auto;
        text-align: center;
        padding-top: 2rem;
    }
    .contenedorii{
        box-sizing: border-box;
        max-width: 75rem;
        margin: auto;
        display: flex;
        justify-content: space-between;
        padding: 1rem;
        flex-wrap: wrap;   
    }
    .contenedoriii{
        box-sizing: border-box;
        text-align: left;
        padding: 0rem 2rem 2rem 2rem;
        min-width: 350px;
    } 
    h1{
        padding: 0rem;
        display: block;
        margin: auto;
        text-align: center;
        font-size: 1.5rem;
    }
    h2{
        color: #FFBD81;
        text-align: left;
        padding: 0rem 1rem;
        max-width: 72rem;
        margin: auto;
    }

    .subtitulo{
        color: #bbb;
        text-align: left;
        padding: 0 1rem 0rem 1rem;
        max-width: 72rem;
        margin: auto;
    }

    h3{
        margin-bottom: 1rem;
        color: #FFBD81;
    }



/*______________________HEADER______________________*/

    header{
        background: /*#FFBD81*/#0049ff;
        color: white;
        max-width: 100vw;
        max-height: 15vh;
        display: flex;
        align-items:center;
        justify-content: space-between;
        position:fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 2rem 2rem 2rem 2rem;
        border-radius: 0rem 0rem 1rem 1rem;
        box-shadow:/*horizontal*/ -0.1rem/*vertical*/ 0.1rem/*blur*/ 0.2rem/*color*/rgba(0,0,0,/*OPACIDAD*/0.2);
        /*margin: 1rem;*/
    }
    .perfil{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .perfil img{
        max-height: 11vh;
        border-radius: 100%;
        margin: 0rem 1rem 0rem 0rem;
        box-shadow: /*horizontal*/ -0.1rem/*vertical*/ 0.1rem/*blur*/ 0.2rem/*color*/rgba(0,0,0,/*OPACIDAD*/0.2);;
    }
    .perfil p{font-size: 1rem;}

    .logo{
        width: 100%;
        max-height: 11vh;
        max-width: 11vh;
        /*background: #fe0;*/
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        /*BLANCOfilter: invert(99%) sepia(100%) saturate(5442%) hue-rotate(181deg) brightness(117%) contrast(100%);*/
    }
    .logo:hover{
        /*ROJO filter: invert(43%) sepia(47%) saturate(3631%) hue-rotate(335deg) brightness(99%) contrast(90%);*/    
        /*NEGRO filter: invert(0%) sepia(100%) saturate(7500%) hue-rotate(306deg) brightness(84%) contrast(112%);*/
        /*NARANJA filter: invert(89%) sepia(66%) saturate(4399%) hue-rotate(302deg) brightness(101%) contrast(100%);*/
    }

    nav a{
        text-decoration: none;
        color:#fff;
        padding:0rem 0.3rem;
        border-radius:0.2rem
    }
    nav a:hover{
        color:#FFBD81;
    }
    ul{
        list-style-type: none;
        display:flex;
    }
    li{ margin:1rem ;}



/*______________________FOOTER______________________*/

    footer{
        color: #A6A6A6;
        max-width: 60vw;
        max-height: 10vh;
        padding: .5rem  2rem;
        font-size: .6rem;
        position: fixed;    
        bottom: 0;
        /*left: 0;*/
        right: 0;
        margin: auto;
        text-align: right;
    }



/*______________________CITAS______________________*/

    .cita {
        margin: auto;
        padding: 2rem;
        max-width: 120rem;
        height: 80vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*background: #eee;*/
        color: white;
    }
    .frase{
        font-size: 2rem;
        text-align: center;
        max-width: 80%;
    }
    .autor{
        font-size: 1rem;
        font-weight: 700;
        padding: 1rem;
        text-align: right;
    }



/*______________________MATERIAS______________________*/



/*______________________GRUPO______________________*/

    .compa{
        margin: auto;
        padding: 1rem;
    }
    .compa img{
        border-radius:9rem;
        max-height: 9rem;
        margin-bottom:0.2rem;
        box-shadow:/*horizontal*/ -0.1rem/*vertical*/ 0.1rem/*blur*/ 0.2rem/*color*/rgba(0,0,0,/*OPACIDAD*/0.2);

    }

    .alumne{
        box-sizing: border-box;
        margin: auto;
        max-width: 9rem;
        text-align: center;
        font-size:1rem;
    }
    .alumne a {
        color:#ccc;
        text-decoration: none;
    }
    .alumne a:hover{color:#0049FF;}
    }



/*______________________FACULTAD______________________*/