@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* body general */

body {background-color: white; font-family:Montserrat,sans-serif;font-style: normal;margin:0; padding: 0;}

/* header navegador */
nav {background-color: #2e294e;padding: 1rem;text-align:center}
nav ul li {display: inline-block;}
nav ul li a {color: #fdf7f7;text-decoration: none;font-size: 1.2rem;padding: 1rem;}
nav ul li a:hover{color: #585471;;text-decoration:overline;font-weight: 500;}

/* integrantes */

.contenedor1 {display: flex;justify-content:center;align-items: center;flex-wrap: wrap;padding-top: 1rem;
    padding-bottom: 2rem;}
.contenedor2 {display: inline-block;width: 10rem; height: 16rem;margin: 1rem;text-align:center;color: #2e294e;
    border-radius: 1rem;padding: 20px;border: 1.5rem;border: 0px solid #9d8eb6;box-shadow: 0 2px 3px #2e294e}
.img2 {border-radius: 50%;box-shadow: 0 2px 5px #9d8eb6;border: 1px solid white;width: 150px;
    height: 150px;}
.a2{text-decoration: none;font-size:larger;padding: 0.5rem;color: #9d8eb6;
    background-color: #2e294e;color: #fdf7f7;border-radius: 0.5rem}
.a2:hover{border-radius: 0.5rem;color:#2e294e;background-color: #f8f7fd;color: #585471;}
.titulo1 {font-weight: 500;font-size: 2rem;text-align: center;background-color: #2e294e;
    padding: 1rem;color: #fdf7f7;margin: 0rem}

/* footer */

.contenedor6 {background-color: #ffffff;
    padding: 1rem; 
    display: grid;
    align-self: center;
grid-template-columns: 20% 80%;}

footer section img {width: 100%;align-self:center}


.contenedor7 {background-color: #2e294e ;padding: 3rem;margin: 0;}
.texto1 {color: #fdf7f7;font-weight: 400;font-size: 1rem;text-align: center;;}
.texto2 {color: #fdf7f7;text-align: center;font-weight: 200;font-size: 0.8rem;}
.texto3 {color: #2e294e;;font-size: 0.8rem;padding-left: 3rem;padding-right: 2rem;}

.imagenFondo {text-align: center;margin: 0 auto;background-color: #ffffff;}

@media screen and (max-width: 60rem){
.html {
scroll-behavior: auto;}
.imagenFondo {margin-left: 0%;size: 30vw;}
}