@charset "utf-8";



body {
        background-color: #c9dbf5;
    color: #9d9d9d;
    text-align: center;
    font-family: century gothic;
    box-sizing: content-box;

}

article { background-color: #ffffff;
    width: 45em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
    
  
}




header { display: flex;
    flex-direction: row;
    justify-content: space-between;
  
    
}


header section IMG {
    width: auto;
    height: 3em;
    
}

ul{background-color: #ffffff;
font-size: 15;
width: 80%;
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
list-style: none;
    text-decoration: none;
    
    
    }
           

    
}
    

.foto{ padding: center;
    display: flex;
    align-content: center;
    justify-content: center;
   
}
.cuatri{ margin-top: 1em;

    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    
    
    width: 100%;
    
    
    
}


main {padding: center;
    display: flex;
    align-content: center;
    flex-direction: column;
    

}



h1{ background-color: #c9dbf5;
    font-size: 30;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    
}

.mat {
    background-color: #c9dbf5;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    

}

.materias {    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    
   }

.datos { width: 80%;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

footer {background-color: #ffffff;
    
    
}
a:http://www.diazcortez.com.ar/index.php {
    color: #9d9d9d;
}

@media (max-width: 340px) {
    body { flex-wrap: wrap;
        
    }
    article {
    flex-direction: row;
     justify-content: center;
    align-content: center;
        flex-wrap: wrap;
        width: 100%
        }
    .cuatri {
     flex-direction: row;
     justify-content: center;
    align-content: center;
        flex-wrap: wrap;
        width: 80%
    }
}