@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200&family=Rajdhani:wght@300&display=swap');

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


                 /* Estilos generales */


body {background: #DAE3E5 ; font-family: 'Rajdhani', sans-serif; font-weight: 600  ; text-align: center}
header {background-image:url(../img/fondo1.jpg);padding: 0.7rem ; margin: 0.4rem 0rem 1rem 0rem}

header main img {width: 190px; height: 190px}

h1 {color: white; font-size: 30px ;font-family: 'Rajdhani', sans-serif ; margin-top: 5rem}
h2 {color: white; font-size: 30px ; font-family: 'Rajdhani', sans-serif; margin-top: 5rem}

h4 {font-size: 20px ; font-weight: 900 }
h5 {font-size: 20px ; font-weight: 900 }
h6 {font-size: 20px ; font-weight: 900 }

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



                     /* Menú */

header nav {background: #507DBC ; padding: 1rem  ; opacity: 0.5 }

nav ul {display: flex; flex-direction: row ; justify-content: space-between ; list-style: none}

nav ul li a {padding: 0.6rem }






                   /* Diseño articles */


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

.datos { background:#BBD1EA ; width: 27% ;padding:1rem ; border-radius: 1rem ; margin: 2rem 0rem 0rem 0rem }

.dgcp {background: #BBD1EA ; width: 27% ; padding:1rem ; border-radius: 1rem ; margin: 2rem 0rem 0rem 0rem}

.materiasaprobadas {background: #BBD1EA ; width: 27% ; padding:1rem ; border-radius: 1rem ; margin: 2rem 0rem 0rem 0rem}


                 /* Menú Integrantes */


.barraintegrantes {justify-content:center ; background: #507DBC ; width: 90% ; padding:0.5rem ; border-radius: 0.5rem ; margin:5rem 0rem 0rem 0rem ;display: inline-block}

.integrantes {display: inline-flex; justify-content: space-between; background: #BBD1EA ; width: 90% ; border-radius: 0.5rem ;margin: 0.3rem 0rem 4rem 0rem ; padding:0.5rem }



                 /* Diseño Footer */

footer a {background: #A1C6EA ; padding: 0.8rem ;margin: 2rem ;border-radius: 1rem ;text-align: justify ;font-size: large }

footer  p {background: #507DBC ; width: auto; padding: 0.7rem ;margin: 2rem 0rem 0.1rem 0rem  ;text-align: justify ;font-size: small}
              

        /* Color y subrayado de links */

header nav a {color: white ; text-decoration: none}
section article p a {color: black ; text-decoration: none}
footer a {text-decoration: none ; color: black }

.contenedor {max-width: auto ;  margin: auto}