@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
*{padding: 0; margin: 0;box-sizing: border-box;transition: 1s all;}

body{
background-size: cover;
background-image: url('https://iphoneroscdn-iphoneros.netdna-ssl.com/wp-content/uploads/2014/11/galaxia_escritorio_iphoneroscom.jpg'); background-size: cover;
background-position: center;
height:70rem; background-repeat:repeat;}
/* mi nombre y grupo */
header{color: #ffffff; background: rgba(199, 156, 217, 0.49); padding: 1rem; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5rem; font-weight: 300}
header h2{color: #ffffff;}
/* plan mapa tp */
nav{text-align: center}
/* foto */
nav img{border: 5px solid rgba(197, 171, 206, 0.51);
     margin: auto;
    display: block;
    border: 0.2rem solid #fff;
    border-radius: 5rem;
    padding: 0;
    width: 150px;}
nav ul li {display: inline-block; text-align: center;padding: 1rem;}
nav ul li a{color: #4d3955; text-decoration: none;font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5rem; font-weight: 300}
.link-activo{background:rgba(218, 215, 219, 0.29);}
nav img{padding:1rem;}
/* materias */
section h3{padding: 1rem;;text-align: center;font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5rem; font-weight:500;font-weight: bold; color:#4b3a52}
main section article h2{font-size: 1.17em;font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5rem; font-weight: 300;font-weight: bold}
main section article{color:#4b3a52; padding: 1rem;text-align: center;font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5rem; font-weight: 300; }
.inicio{}

/* pie de pagina */
footer{; padding: 1rem;}
footer{font-size:0.8rem; color:#000000;text-align: center;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; width:auto;}


/* cuando es mayor a 768px */
@media screen and (min-width:48rem){nav{}
    
.inicio{display:flex; justify-content:center;}
.columna-1{ width:50%;}
.columna-2{ width:50%;}
header h2{ display: none}