@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,700;0,900;1,400&display=swap');


/* selector {propiedad:valor;}*/
* {margin: 0; padding:0; }

body {
    background-color: #292525;}

.menuinicio {height: 1rem; padding-bottom: rem; background: black; 
    margin-bottom: 2rem; font-family: "Poppins", sans-serif; font-weight: 200;}
.menuinicio ul {display:flex;  justify-content:center ;
list-style:none; gap: 2rem;}
.menuinicio ul li a {text-decoration: none; color: aliceblue; font-size: 1.2rem;}
    .menuinicio ul li a:hover { font-weight: 700;}


header {text-align: center; background: rgb(158, 110, 81); 
    margin-left: 5%; margin-right: 5%; border-style:outset; border-radius: 2rem;}

h1 { text-align: center;
    color: aliceblue;
    font-family: "Poppins", sans-serif; font-weight: 400;
    font-size: 2.5rem; padding-top: 1rem;}

.foto {border-radius: 20%; margin-top: 1rem; border-style:groove;}


.materias {display:grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); 
    justify-content:space-between; text-align: center; grid-gap: 2rem; justify-items: center;
    margin-left: 10%; margin-right: 10%;  font-size: 1rem ; font-family: "Poppins", sans-serif;
color: aliceblue;  padding-bottom: 5rem }
ul {list-style: none; }
.materias article ul {background-color: rgba(105, 105, 105, 0.636); 
    min-height: 23rem; width: 20rem;
    border-style:ridge;border-radius: 1rem; padding-left: 1rem; padding-right: 1rem;}

 h2 {font-size:1.8rem;color:rgb(255, 255, 255); font-family: "Poppins", sans-serif; font-weight: 400;
        padding-bottom: 5rem; text-align: center;}
h3 {font-size: 1.4rem; color: rgb(158, 110, 81); padding-bottom: 10%; padding-top: 8%; font-family: "Poppins", sans-serif;}
 
h5{color: aliceblue; font-size: 1.8rem; text-align: center; ; 
       ; margin-bottom: 3rem; 
        font-family: "Poppins", sans-serif; font-weight: 400;}

.integrantes {text-align: center; display: grid; grid-template-columns: 
    repeat(auto-fit, minmax(18rem, 2fr)); color:white; 
     margin-bottom: 5rem; justify-items: center;
    grid-gap: 2rem; font-family: "Poppins", sans-serif; margin-left: 17%; margin-right: 17%;}
.a1 {text-decoration: none; list-style: none;border-style: groove; 
    border-radius: 1rem;  background: rgb(158, 110, 81); width:18rem;
     font-size: 1.3rem; font-weight: 700;}
.a2 {text-decoration: none; list-style: none; color: aliceblue;  
    border-style: groove; border-radius: 1rem; font-size: 1.2rem; font-weight: 200;
    width: 18rem}
.a2:hover {background:rgb(158, 110, 81); font-weight: 700;}
.a3 {text-decoration: none; list-style: none;border-style: groove; color: aliceblue;
    border-radius: 1rem; font-size: 1.2rem; font-weight: 200; width: 18rem}
.a3:hover {background:rgb(158, 110, 81); font-weight: 700;}
.a4 {text-decoration: none; list-style: none;border-style: groove; color: aliceblue;
    border-radius: 1rem;  font-size: 1.2rem; font-weight: 200; width: 18rem}
.a4:hover {background:rgb(158, 110, 81); font-weight: 700;}
    
        

h4{font-size:1.2rem;color: aliceblue;}

.datosuniversitarios {color: aliceblue; font-family: "Poppins", sans-serif;
    background: rgba(105, 105, 105, 0.636); padding-top: 1rem; padding-bottom: 1rem;
text-align: center; background-size: cover; font-size: 0.99rem;}

.datos {color:white; background: rgb(158, 110, 81);font-family: "Poppins", sans-serif; font-size: 0.9rem;
     padding:1rem ; text-align: center; background-size: cover}

footer p {font-size: 0.9rem;color:aliceblue; text-align: center; background-size: cover;}

@media  (max-width: 55rem) {

    .menuinicio { padding-bottom:0rem; text-align: center; margin-top: 0rem; margin-bottom: 0rem;}
    .menuinicio ul {flex-direction: column ;gap: 0.1rem;}
    .menuinicio ul li a:hover {background: rgb(158, 110, 81);}

    header {text-align:center; background: rgb(158, 110, 81); 
         border-radius:0%; width: 100%; border: none; margin: 0; margin-bottom: 0; ;}
     h1 { text-align: center;
            color: aliceblue;
            font-family: "Poppins", sans-serif; font-weight: 400;
            font-size: 2rem;}
    .foto {border-radius: 100%; margin-top: 1rem; border-style:none; width: 15rem; height: 15rem;  }

    h2 {font-size:1.8rem;color:rgb(255, 255, 255); font-family: "Poppins", sans-serif; font-weight: 400;
        padding-bottom: 1rem; text-align: center; padding-top: 1rem;}

  .materias {display:grid; gap:2rem;
            justify-content:space-between; text-align: center; justify-items: center;
            margin-left:0; margin-right: 0;  font-size: 1rem ; font-family: "Poppins", sans-serif;
        color: aliceblue;  padding-bottom: 1rem}
 .materias article {background-color: rgba(105, 105, 105, 0.636); width:100%; display: flex; justify-content: center;}
  .materias article ul {background:none ;
            min-height: 10rem; padding-right:0; padding-left:0;
            border-style:none;border-radius:0; }



    h3 {font-size: 1.4rem; color: rgb(158, 110, 81); padding-bottom: 0.3rem; padding-top: 0; font-family: "Poppins", sans-serif;}
    
 

        .integrantes {margin-left: 0.5rem; margin-right: 0.5rem}
        .a1 { width:100%;}
        .a2 { width: 100%}
        .a3 { width: 100%}
        .a4 { width: 100%}
        




}