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

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

body{background: #ffffff; font-family: 'Comfortaa', cursive; font-weight: normal; }

h1{font-family: 'Comfortaa', cursive; font-weight: normal;color: #4a2163; font-size: 4rem; justify-content: center;}
header {display: flex; text-align: center; justify-content: center; background-image: url(backgroundheader.svg); background-repeat: no-repeat; background-size: cover; padding: 5%;}

nav ul { display: flex; width: 100%; background-color: #4a2163; font-size: 1rem; justify-content: center; align-items: center; overflow: hidden}

nav ul a{ display: flex; justify-content: space-around; width: 100%; margin: 1%; padding: none; flex-direction: row; color:#fdf4f5; text-decoration: none;  font-size: 1rem; }

ul a:hover {  background-color: #fd9903;}

section { display: flex; width: 100%; flex-direction: column; padding: 5%; justify-content: center; align-items: center; background-color: white}

h2{ color: #4a2163; font-size: 1.5rem; justify-content: center}

.integrantes { display: flex; justify-content: space-around; width: 100%; flex-direction: row; flex-wrap: nowrap; align-content: center; padding: 3%;}

.milo {width: 100%; padding: none; margin:2%; align-items: center; text-align: center}
.milo img { border-style: solid; border-color: #9081ac; border-radius: 100%; border-width: 7px ;}
.milo p a { color:#4a2163; text-decoration: none; justify-content: space-between; font-size: 1.3rem; }

.miru {width: 100%; padding: none; margin:2%; align-items: center; text-align: center}
.miru img { border-style: solid; border-color: #9081ac; border-radius: 100%; border-width: 7px }
.miru p a { color:#4a2163; text-decoration: none; justify-content: space-between; font-size: 1.3rem; }

.lu {width: 100%; padding: none; margin:2%; align-items: center; text-align: center}
.lu img { border-style: solid; border-color: #9081ac; border-radius: 100%; border-width: 7px }
.lu p a { color:#4a2163; text-decoration: none; justify-content: space-between; font-size: 1.3rem; }

footer {display: flex; background-color: #4a2163; font-size: 0.7rem; color:#ffffff; text-align: center; margin: none; padding: 3%}



/* Menu Principal*/
header nav {}
header nav ul{display: flex; padding: none;}

/* Responsive */
@media and ( min-width: 48rem){
   
    
}