*{margin: 0; padding: 0; box-sizing: border-box; text-decoration:none;color: black;}
.contenedor{margin: auto;}


/* BODY */

        body {
            background : #de7d72;
            font-size: 10px;
            font-family: 'UnifrakturMaguntia'; 
            text-align: center;

            background-image: url(../img/degrade_fondo.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center; 
}


/* HEADER */

        header {
        	padding: 40px 0 0 0;
            padding-bottom: 0;
        	
}

/* SECTOR NOMBRE */ 

        .foto {
            padding: 10px;
            height: 210px;
            width: 210px;
            border-radius: 150px;
           /* border: 0.3rem solid white; */
            
        }

        h1 {
       
            color: #000000;
            padding-top: 18px;
            font-family: 'UnifrakturMaguntia'; 
            font-size: 2.3rem;
            margin: 0 10% 0 10%;
            text-align: center;
        }

         hr {
            height: 0.1rem;
            width: 50%;
            background-color: #000000;
            margin-top: 0.5%;
            border: 0;
        }

        .vn {
     
            color: #000000;
            font-family: 'Open Sans', sans-serif;
            padding: 8px 0 25px 0;
            font-size: 1rem;
        }


/* NAVEGACION */

        nav{
            font-size: 1.5rem;  
            padding: 1.2rem;
            margin: auto;
            font-family: 'UnifrakturMaguntia'; 
            padding-bottom: 0;
            
        }

      

        nav ul li {display: inline-block;}
        nav ul li a {color:black; text-decoration: none; padding: 0 6rem 0 6rem; text-align: center;}
        nav a:hover {
            color: #9DAAF9;
        }


/*SECTION DESKTOP Y MOBILE*/

        .lista {
            display: flex; 
            flex-direction: row;
            justify-content: space-between;
            margin: 0 12% 0 12%;
            max-width: 76%; 
        }

        @media screen and (max-width:800px) {
            .lista {width:100%; display:flex;flex-wrap: wrap; flex-direction: row;align-items:baseline; max-width: 90%; align-content: center;justify-content;}
            nav ul {display: flex; justify-content: center;}
            nav ul li a {padding: 0 1.3rem 0 1.3rem;}
            .m {width:33%; display:table-row;justify-content: space-between;}
            .integrantes {margin: 50px 0 40px 0;}
            .h3-mc {margin-top: 30px;}
            .foto {height: 190px; width: 190px;}
            }

/* MATERIAS */

        .dg {
            font-size: 1.8rem;
            text-align: center;
            padding: 1px 0 40px 0;
            color: #000000;
            font-family: 'UnifrakturMaguntia';
        }

        

        .lista {
            width: 90%;
            text-align: left;}

        .materias{
            padding-bottom: 2px;
            font-size: 1.2rem;
            font-family: 'Open Sans', sans-serif;
            float: left;
            border-style: solid;
            width: 46%;
            min-height: 240px;
            margin: 0 50px;
            box-sizing: border-box;
            text-align: center;
            border-radius: 150px;
            border:2px solid #9DAAF9;
            padding: 16px 32px;  
            background: radial-gradient(circle, rgba(157,170,249,1) 0%, rgba(222,125,114,0) 30%);;
        }

        .materias h3{
            font-weight: bold;
            font-size: 1.2rem;
            padding-bottom: 1.3rem;
            color: #000000;
            font-family: 'Open Sans', sans-serif;
        }


/* SECTION ARTICLE INTEGRANTES */

        .h2-i {
            font-weight: bold;
            font-size: 1.2rem;
            padding-bottom: 1.3rem;
            color: #000000;
            font-family: 'Open Sans', sans-serif;
        }

        .integrantes p{
        	    text-decoration: underline #9DAAF9;
        }


       
        .integrantes p:hover{
        	    color: #ffffff; 
                text-decoration: underline #9DAAF9;
        }




/* Datos Académicos  */


        .datos {
            font-size: 1.8rem;
            text-align: center;
            padding: 40px 0 40px 0;
            color: #000000;
            font-family: 'UnifrakturMaguntia';
        }

       


/* FOOTER */



footer {
    font-family: 'UnifrakturMaguntia';
    padding: 8rem;
    font-size: 0.8rem;
    text-align: center;
    background: #9DAAF9;
    background: linear-gradient(0deg, rgba(157,170,249,1) 0%, rgba(222,125,114,0) 70%);}