*{list-style: none;
text-decoration: none;
}

html {
    background-color:#ffeeff;
    font-family: Helvetica, sans-serif;
}

.bold{ 
    font-weight: bolder;
    margin: 0rem 0rem -1.8rem 0rem;
}
.materias{ 
        display:flex;
         flex-direction: column;
        padding: 1rem 0rem 0rem 2rem;
}

body header img {
    display: flex;
    flex-basis: auto;
    margin: 0rem 0rem 0rem 2rem;
    border-radius: 100rem;
  
}

body header {
    display: flex;
    justify-content: flex-start;
    background-color: #67a29a;
    padding: 1rem 1rem 1rem 1rem;
    box-shadow: 2px 10px 8px #3f5c58;
     border-radius: 2rem 2rem 2rem 2rem;
    margin:0rem 0rem 5rem 0rem;
}

header ul{ display: flex;
    justify-content:center;
    flex-direction: column;
  margin: 0rem 0rem 0rem -1rem;
}

header li{
    color:#ffeeff; 
    align-items:flex-start; 
}


nav ul li a {
    text-decoration: none;
    color: #3f5c58;
    box-sizing: border-box;
    border-radius: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  
    background-color: #acf2e9;
    display: block;
    margin: .25rem 2.5rem .25rem 0.25rem;
    padding: 1rem;
    list-style: none;
    text-align: center; 
    box-shadow: 2px 10px 8px #3f5c58;
}

main {
padding: 0rem 0rem 2rem 0rem; 
}

 main p {
    display: flex;
    color: #3f5c58;
    margin: 0rem 0.25rem 2.25rem 3.5rem;
}

main ul li a {
    display: flex;
    text-decoration: none;
    color: #3f5c58;
    box-sizing:border-box ;
    box-shadow: 2px 10px 8px #3f5c58;
    background-color: #acf2e9;
    border-radius: 3rem;
    display: block;
    margin: .25rem 2.5rem 0.25rem 0rem;
    padding: 1rem; 
    list-style: none;
    text-align: center;  
}

h2,h1,h3,h4{  
    display: flex;
    color:#48766f;
    font-size: 1.05em;
    padding: 2rem 0rem 0rem 3.5rem;        
}


.materias li{
   box-sizing: content-box;
    color: #3f5c58;
    margin: 0rem 0rem .25rem 1.5rem;
    text-decoration:line-through;
}

.materias_restantes li{
	 box-sizing: content-box;
    color: #3f5c58;
    margin: 0rem 0rem .25rem 1.5rem;
 }
   
aside{
    color:#67a29a;
    font-size: 1rem;
    box-sizing: border-box;
    width: 80%;
    padding: 2rem 0rem 2rem 3.5rem;   
}

footer{
     color:white;
    font-style: italic;
    font-size: 0.8rem;
    box-sizing: border-box;
    width: 100%;
     background-color:#67a29a;
  padding: 1rem 3rem 1rem 3.5rem;
     border-radius: 2rem 2rem 2rem 2rem;
}


@media  480px {

} 

hr{margin:0rem 0rem 0rem 3.5rem ;
    }