*{padding: 0;
margin: 0;
box-sizing: border-box;
font-family:monospace;

}

body {
    background-color: beige;
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
    flex-direction: column;
    box-sizing: border-box;
    }

.dgpc {display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 0.5rem;
    margin-left: 1rem;
    padding: 0;  
    width: 4rem;
} 

header { 
background-color:burlywood; 
display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


 header ul   {display: flex;
    flex-direction:row;
    justify-content: space-between;
    margin: 0rem;      
} 

header ul li a { 
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0.5rem;
    box-sizing: border-box;
    color: black;
    font-weight:200;
    font-size: 10;
    padding: 0.7rem;  
    width:4rem;
    text-align: center;
    }

ul {  list-style: none;}
li {  list-style: none;}

.germa img {display: flex;
    flex-direction: row;
    justify-content: center;
margin: auto;
border-radius: 50%;
    }

.germa {display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
     margin-top: 4em;
margin-bottom: 2em;}

.webapp {color: black;
padding: 0.6rem;
   text-align: center;
    
}

h1{
    box-sizing: border-box;
    text-align: center;
    border-width: medium;
    margin-top: 0.7em; 
    margin-bottom: 0.5; 
    font-size: 3em;
}

.yo{
   box-sizing: border-box;
    margin-bottom:0.5rem;
    padding:0.3em;
    width:100%;
    color:black;
    font-size: 24;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
   margin-top: 0.5rem;
}

h3{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    margin-top: 1rem;
    font-size: 20;
    padding:0.5rem;
    width: 20rem; 
    text-align: center;
}

.materias{
    box-sizing: border-box;
    background-color: burlywood;
   font-size: 15;
    text-align: center;
    max-width: 20em;
   padding: .5em;
}

h2{   
text-align: center;
margin: .5em;
box-sizing: border-box;
padding: .2em;
font-size: 17pt;
    
}

p { 
    box-sizing: border-box;
    display: flex;
    flex-direction:row;
    justify-content: center;
    text-align: justify;
    font-size: 16;
    display: block;
    padding: 0.5em;
    font-weight: bold;
     margin: 0.5em;
 }


.nosotres{ 
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    margin-bottom: 1em;
    margin-top: 1.5rem;
    font-size: 20;
    padding:0.5rem;
    width:40rem; 
    border-radius: 0.3em;
    text-align: center; 
}

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


main ol li {display: flex;
    flex-direction:row;
    justify-content: center;
     align-items: center;
    align-content:center; 
    
    margin-bottom: 1rem;
}


main ol li a { display: flex;
    flex-direction:row;
    justify-content: center;
    box-sizing: border-box;
    list-style-type: decimal;
    background-color:burlywood;
    color: black;
    font-weight:200;
    font-size: 1.2em;
    border:0;
    margin-left: 1rem; 
    padding: .5rem;  
    width:8rem;
    text-align: center;
}

aside p { display: flex;
    flex-direction:row;
    justify-content: center;
margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 15;
    text-align: center;
}

footer { display: flex;
    flex-direction:row;
    justify-content: center;
    
}

footer p {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    text-align: center;
    font-size: 12;
    text-align: justify;
    margin:auto
}


/* plan */

body{
    background-color:beige;
}
header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color:burlywood;   
    list-style: none;
         }
ul {
    list-style: none;
}


h3 {
    box-sizing: border-box;
    background-color: burlywood;
   font-size: 15pt;
    text-align: center;
    max-width: 20em;
   padding: .5em;
    margin-top: 1em;
    
}
p {
    box-sizing: border-box;
    font-size: 1em;
    text-align: center;
           
}
footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: sans-serif;
    font-size: 70%;
    background-color:burlywood;
}