/* estilos generales */

body{background-color: rgb(22, 22, 22);
    font-family: Arial, Helvetica, sans-serif;}
body{align-content:center; display: block; width:50%;
margin:5%; padding:5%}

footer{margin: auto; max-width: 60%; text-align: center;}

/* mis datos */
.tarjeta-personal{background-color: rgb(124, 124, 124);
padding: 1rem; border-radius: 1rem; text-align: center; display:flex;
margin: auto; max-width: 60%;}

/* menu */
ul{font-family: monospace; font-size: x-large; list-style-type: none}
nav ul li {color: white; text-decoration: none;}

/* columnas */
.columnas{display: flex;}
.tarjeta-compas{background-color: rgb(36, 36, 36);
width:20rem; height: 30rem; margin: 3%; padding:5%;
border-radius: 1rem; box-shadow:black;}

.tarjeta-materias{background-color: rgb(36, 36, 36);
width:20rem; height: 30rem;margin:3%; padding:5%;
border-radius: 1rem; box-shadow: black;}

 
/* titulos */   
h1{color: rgb(255, 102, 0); font-family: monospace;}
h2{color: rgb(255, 102, 0);}
h3{color: rgb(255, 102, 0);}
p{color: white;}
.vn {font-size: x-large;}

/* footer */
.texto-final {color: rgb(107, 107, 107); font-family: monospace;}