@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@700&display=swap');

*{
    margin-left: 0%;
	margin-right: 0%;
   
}
body{
	background-color: #DDF47E;
}
.p2blanca{
	position: absolute;
	width: 100ch;
	margin-top: 15rem;
	z-index: -1;
}
.logo_cat1 img{
	width: 100%;
	width: 300px;


}

header{
	text-align: center;
}
h1 {color: #3132FE;
	font-family: 'Syncopate', sans-serif;
	font-weight: 900;
	font-size: 4rem;}

/*Navbar - va a estar en todas las pags */

.navbar{
    
    list-style-type: none;
    display: inline 
}

.navbar li{
display: inline;
padding-right: 0.5em;
}

.navbar li a{
color: #3132FE;
font-family: "Montserrat", sans-serif;
font-size: 20px;
text-decoration: none;
}

.navbar li a:hover{
    background-color: #3132FE;
	border-radius: 0.1rem;
    color: white;
    transform: scale(1.1);
}


/*prefooter*/
.prefooter{
	background-color: #3132FE;
	padding-bottom: 6rem;
	margin-top: 9rem;
}


.prefooter h2{
	color: white;
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	text-align: center;
	padding-top: 00.5em;
}
.algo {
	color: #3132FE;
	font-family: "Montserrat", sans-serif;
	font-size: 4rem;
	text-align: center;
	padding-top: 00.5em;
}
/*Integrantes */

.integrantes{
	
	font-family: "Montserrat", sans-serif;
	display: grid;
	grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
	row-gap: 60px;
    justify-items: center;
}

.integrantes a{
	text-decoration: none;
	color:white;
	
}
h3{
	color: white;
}

.item img{
	vertical-align: middle;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.item p{
	text-align: center;
	font-size: 1rem;
	
	
}

/*datos academicos*/

.datosac{
	display: flex;
	background-color: white;
	font-family: "Montserrat", sans-serif;
	justify-content: center;
	flex-direction: column;
	
}

.datosac div{
	margin: 1rem 1rem 1rem 1rem;
}

.resaltadoazul{
	font-weight: bold;

}

/* Breve resumen de que va la app*/

.breveresumen{ 
	font-family: "Montserrat", sans-serif;
    font-size: 1em; 
   text-align: center;
   margin: 4rem 4rem 4rem 4rem;
}


/*footer*/
footer{
    font-family: "Montserrat", sans-serif;
    font-size: 0.5em;
   text-align: center;
   background-color: white;

}
footer p{
    color: black;
    padding-bottom: 1rem;
}

.logos{
   display: flex;
   justify-content: center;
   background-color: white;
}
.logos img{
    width:8rem;
   height: 6rem;
   margin-top: 2rem;
   margin-bottom: 2rem;

}


@media screen and (min-width: 767px){

	.introapp{
		flex-direction: row;
	}
	.div1{
		width: 50%;
	}
 
	.integrantes{
		column-gap: 10px;	
	}

	.item img{
		
		width: 250px;
		height: 250px;
		border-radius: 50%;
	}
	.item p{
		text-align: center;
		font-size: 1.5rem;
		
		
	}

	.breveresumen{ 
		font-size: 1.6em; 
	   
	}

	.datosac{
		display: flex;
		flex-direction: row;
		
	}
}





/* 1rem son 16px
*/