@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,900;1,400&family=Chivo:wght@700;900&display=swap');
body{background-color: #f39c30}


@media all and (max-width:769px) {
	
	.barramenu{
			width: 100%;
		height: 4rem;
		display:flex;
		justify-content: space-evenly;
		background-color: #172026;
		padding-top: 1rem;
		padding-bottom: 1rem;}
	
	.textomenu{
		font-family: 'Archivo', sans-serif;
		color: #f39c30;
		text-decoration: none;}
	
	.vn22{
		font-family: 'Chivo', sans-serif;
		color: #172026;
		font-weight: 900;
		text-align: center;
		font-size: 6rem;
		padding: 3rem;}
	
	.integrantes{
		font-family: 'Chivo', sans-serif;
		color:#F39C30;
		font-weight: 700;
		background-color:#172026;
		width:75%;
		height: 3rem;
		text-align: center;
		padding-top: 0.5rem;
		border-radius: 50px;
		margin:auto;}
	
	.infointegrantes{
		padding-top: 3rem}
	
	.perfil{
		width:33%;
		height:33%;
		border-radius:150px;
		border:0.1rem solid;
		box-shadow: 0em 0em 0.75em 0.05em black}
	
	.integrante{
		font-family: 'Chivo', sans-serif;
		text-align: center;
		font-size: 7vw;
		font-weight: 700;}
	
	.link{
		text-decoration: none;
		color:#172026}
	
	a:hover{
		color: aliceblue}
	
	.carrera{
		font-family: 'Archivo', sans-serif;
		text-align: center;
		font-size: 3.5vw;
		font-weight: 400}
	
	main{padding-bottom: 3rem;
	margin: auto;
	text-align: center}
	
	footer{
		background-color: #526e74;
		text-align: center;
		padding-top: 2rem;
		padding-bottom: 2rem}
	
	.uba{
		padding-bottom: 1.5rem}
	
	.fadu{
		padding-bottom: 1.5rem}
	
	.dgpc{
		padding-bottom: 1.5rem}
	
	.docentes{
		padding-bottom: 1.5rem}
	
	.integrantesdos{
		padding-bottom: 1.5rem}
	
	.tema{
		padding-bottom: 1.5rem}
	
	.aclaracion{
		padding-left: 2rem;
		padding-right: 2rem}
	
	.black{
		font-family: 'Chivo', sans-serif;
		font-weight: 900}
	
	.regular{
		font-family: 'Archivo', sans-serif;
		font-weight: 400}
	
	.italic{
		font-family: 'Archivo', sans-serif;
		font-style: italic;
		font-size: 1rem}

	h4{padding-bottom: 3rem}
	
	
	.legales{
	 padding-top: 2rem;
        padding: 1rem;
    background: #526e74;
	}
	
    footer {
    background-color: #172026;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #526e74;
}
	
	
	
	
	
	
}
@media all and (min-width:770px) {
	
.barramenu{
		width: 100%;
		height: 4rem;
		display:flex;
		justify-content: space-evenly;
		background-color: #172026;
		font-size:1.5rem;
		padding-top: 1rem;
		padding-bottom: 1rem;}
	
	.textomenu{
		font-family: 'Archivo', sans-serif;
		color: #f39c30;
		text-decoration: none}
	
	.vn22{
		font-family: 'Chivo', sans-serif;
		color: #172026;
		font-weight: 900;
		text-align: center;
		font-size: 6rem;
		padding: 3rem}
	
	.integrantes{
		font-family: 'Chivo', sans-serif;
		color:#F39C30;
		font-weight: 700;
		background-color:#172026;
		width:75%;
		height: 3.4rem;
		text-align: center;
		padding-top: 0.5rem;
		border-radius: 50px;
		margin:auto;}
	
	
	.infointegrantes{
		display:flex;
	   justify-content: center;
        padding-top:3rem;}
	
	.perfil{
		width:70%;
		border-radius:100%;
		border:0.1rem solid;
		border-color: black;
		box-shadow: 0em 0em 0.75em 0.05em black}
	
	.integrante{
		font-family: 'Chivo', sans-serif;
		text-align: center;
		font-size: 1.6vw;
		font-weight: 700;}
	
	.link{
		text-decoration: none;
		color:#172026;}
	
	a:hover{
		color: aliceblue}
	
	.carrera{
		font-family: 'Archivo', sans-serif;
		text-align: center;
		font-size: 1vw;
		font-weight: 400}
	
	main{padding-bottom: 3rem;
	margin: auto;
	text-align: center}
	
	footer{
		background-color: #526e74;
		text-align: center;
		padding-top: 2rem;
		padding-bottom: 2rem}
	
	.uba, .fadu, .dgpc, .docentes, .tema{
		padding-bottom: 1.5rem}
	.aclaracion{
		padding-left: 2rem;
		padding-right: 2rem;}
	
 
	.black{
		font-family: 'Chivo', sans-serif;
		font-weight: 900}
	
	.regular{
		font-family: 'Archivo', sans-serif;
		font-weight: 400}
	
	.italic{
		font-family: 'Archivo', sans-serif;
		font-style: italic;
		font-size: 0.7vw;
		color:#526E74;
		width: 100%;
		height: 5rem;
		background-color: #172026;
		padding-top: 2rem;
		border-radius: 20rem}

	h4{padding-bottom: 3rem;}
	
	 
.legales {
    column-count: 3;
    padding-top: 2rem;
    padding: 2rem 4rem;
    background: #526e74;
	}
	
  footer {
    background-color: #172026;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #526e74;
}
	
	
 
	
}