* {box-sizing: border-box;
margin: 0;
padding:0; }

body {display: flex;
      flex-direction: column;
      background-color: lightsteelblue;
      min-height: 100vh;
      font-family: sans-serif;
        
}

header { height: 4em;
         width: auto;
         background-color: darkgray;
         display: flex;
         justify-content: space-between;
         padding: .25em;
         padding-left: 1em;
         align-items: center}

header ul {list-style: none;
           display: flex;
}

header ul li{align-content: space-between;
            margin: 0.2em;
            padding: 0.37em; 
            background-color: black;
}

header ul li a{font-family: sans-serif;
               color: white; 
               text-decoration: none;
               
}


main {display: flex;
      flex-direction: column;
      align-items: center
}

main h1{color:white;
        background-color:black;
        text-align: center;
        width: auto;
        height: 200%;
       font-family: "verdana"
}

main p{text-align: left;
       margin: auto;
       padding: 1em;
       font-family: "roboto"}

main h3{font-family: "roboto";
        text-decoration: underline;
        margin: 0;
        padding-bottom: 0.5em;
        text-decoration-style: double
        }

.materias{flex-direction: column;
           list-style: circle;
          color: white;
          font-family: "verdana";
          margin: 0;         
}

div{list-style: none;
    padding-top: 2em;
    font-family: "roboto";
    }

div li a{color: white; 
        background-color: black;
        text-decoration: none;
        font-weight: bold;
        border: 0.6em solid black; 
}

#fotobelen {border-radius: 50%;
            width: 100%;
            height: auto;
            padding: 1em;
            align-items: center;
            justify-content: center;
    border-image: 10;
}
                
.propuesta {display: flex;
            flex-direction: column;
            justify-content: space-between;    
}                

.propuesta h3{text-align: center;
             font-weight: bold;
             font-family: "roboto";
             text-decoration: none;
}
              
#propuesta{width: 110%;
           height: auto;
           justify-content: center;
           align-content: center; 
           margin: 0.6m;
           padding: 0.6em;
}

section{display: flex;
        flex-direction: column;
        justify-content: space-between;
        }

section h3{padding: 0.5em;}

.integrantes{font-family: "roboto";
             font-weight: bold;
             color: white;
             text-decoration: none;
             background-color: black;
             text-align: center;
             border: 0.1em solid black;
}
              
section ul{ align-content: space-between;
            padding-top: 1em;
            padding-bottom: 1em;
            text-align: center;
            list-style: none;
}

section li a{color: white;
            text-decoration: none;
            font-weight: bold;
            justify-content: space-between;   
         }

footer{display: flex;
       align-content: space-between;
       margin: 0;
       padding-top: em;
       background-color: darkgray;
       text-align: left;     
}

footer p{font-style: "roboto";
       font-style: italic;
       font-size: 0.91em;
        margin: 0;
        padding: 1.5em;
        color: white;}