@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,700;1,300&display=swap');

/*selector[propiedad:valor;]*/
* {padding: 0; box-sizing: border-box; margin: 0%; transition: all 1s;}
body{background-color: rebeccapurple; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center;}
header{background-color: rgb(252, 205, 142);}
section ul li {color: rgb(241, 232, 213);}
section li {color: rgb(241, 232, 213);}
h1{color: rgb(241, 232, 213); font-family: 'Ubuntu', sans-serif; font-weight: 700;}
section h3 {color: coral; text-decoration: none;margin: 0.2;}
footer p{ color: sandybrown; font-size: 0.7rem;}
nav a { text-decoration: none; padding: 0.4rem;}
nav a { padding: 0.5rem ; display: inline-block;margin: 0rem;}
nav a:hover {background-color: chocolate;}
nav .integrantes {box-sizing: border-box; border-bottom: orangered;margin: 0,0,0,1rem;}
.foto {border-radius: 50%;}
.requisitos {font-size: 0.75rem;}
.integrantes { color: coral; font-family: 'Ubuntu', sans-serif; text-decoration: none;margin: 2rem;} 
section a {text-decoration: none;}
h3 {margin: 2rem;color: coral;}

@media (min-width: 576px) {

        body {background: beige;}
        section ul li {color: rgb(0, 0, 0);}
        section li {color: black;}
        section {display: flex;}
        h3 {text-align: center;}
        section article{ display: flex; width: 48%; justify-content: center;}
        a {text-decoration: none;}
    }
}