/*tipografias*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/*tipografias fin*/

*{ margin:  0; padding:  0; box-sizing: border-box;}
body{background: #d4d4d4; font-family: Arial; text-align: center}
header{background: #393e46 ;
      min-height: 5rem;
      padding: 0.3rem;
      margin: 0;
      text-align: center;
      font-family:'Lato', sans-serif;
      justify-content: space-between;
      max-width:100%}




h1{color: #eeeeee; font-family: 'Montserrat', sans-serif; margin: 2rem}
h2{color: #000000; font-family: 'Lato', sans-serif; margin: 3rem}
h3{color: #000000; font-family: 'Lato', sans-serif; margin: 1rem}
h4{color: #000000; font-family: 'Lato', sans-serif;margin: 1rem}
p{color: #000000; font-family: 'Lato', sans-serif;;margin: 1rem}


footer p{color: #939292; font-size: 0.7rem;}

img{border-radius: 15rem;
width: 15%;
border: 6px;
border-style: solid;
border-color: #eeeeee;
margin-left: auto}

img:hover {
    transform: scale(1.1);
    transition: 0.3s;}

.contenedor{background: #393e46; font-family: 'lato'; text-align: justify-all}

.inicio{display: flex; justify-content: space-around; }

.materias{display: flex; justify-content: space-around; }

.datos{display: flex; justify-content: space-around}




/* Materias */

.materias1{
    background: white;
width: 40%;
margin: 2%;
    padding: 5%;
    min-height: 8rem;
    border-radius: 0rem 1rem 1rem 1rem; 
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.4); 
text-align: left}


.materias2{
    background: white;
width: 40%;
margin: 2%;
    padding: 5%;
    min-height: 8rem;
    border-radius: 0rem 1rem 1rem 1rem; 
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
text-align: left}

.materias3{
    background: white;
width: 40%;
margin: 2%;
    padding: 5%;
    min-height: 8rem;
    border-radius: 0rem 1rem 1rem 1rem; 
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.4); 
text-align: left; }



/* info */
.columna-1{
    background: white;
width: 100%;
margin: 3%;
    padding: 5%;
    min-height: 8rem;
    border-radius: 0rem 1rem 1rem 1rem; 
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
text-align: left}


.alumno{
    text-decoration: none;
    font-size:1rem;
    color:#444444;}
.alumno:hover{color: #00adb5;}

.columna-1 img{
    border-radius:7rem;
    max-height: 7rem;
    margin-bottom:0.2rem;}


.columna-1{
    display:flex;
    justify-content: space-between;
    margin-bottom: 1rem;}


/* datos */
.columna-2{
    background: white;
width: 40%;
margin: 5%;
    padding: 5%;
    min-height: 8rem;
    border-radius: 0rem 1rem 1rem 1rem; 
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.4);
text-align: left}

.columna-3{background: white;
width: 40%;
margin: 5%;
    padding: 5%;
    min-height: 8rem;
    border-radius: 0rem 1rem 1rem 1rem; 
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.4);text-align: left}



/* menu */
nav{ background: #000; padding:1.3rem}
nav a {
    text-align: center;
    text-decoration: none;
    color: white;
    background: rgb(0, 0, 0);
    width: 12%;
    border: 0.01rem solid none;
    border-radius: 0.7rem;
    margin: 5px;
    padding: 5px;
float: left}

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

user agent stylesheet a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;} 

nav ul li{display: contents;} 
nav ul li a{ color: #CACACA; ; padding; 3rem; }
nav ul li a:hover{background-color: #00adb5}
.link-activo{color: #aad8d3}

.itemr{float: right}
/* estilos generales */