@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans&display=swap');
</style>

/*
font-family: 'Archivo Black', sans-serif;
font-family: 'Noto Sans', sans-serif;

*/

*{
	margin: 0; 
	padding: 0;
	list-style: none;
	font-size: 1em;
	text-decoration: none;
	font-family: 'Noto Sans', sans-serif;
}

.celular{
	display: none;
}

.desktop{
	display: flex;
}

body{
	width: 960px;
	margin: auto;
}

a{
	width: 100%;
	color: black;
	text-decoration: none;
}

a:hover{
	font-weight: bolder;
	font-size: 1.1em;
}


/* INICIA HEADER */

header{ 
	width: 100%;
	height: auto;
	position: relative;
}

header h2{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2.5em;
	transform: translateX(60px);
	margin-top: 100px;
	line-height: 1.2;
}

nav ul{
	width: 100vw;
	height: auto;
	display: flex;
	text-align: center;
	list-style: none;
	column-gap: 50px;
	align-items: center;
	font-family: 'Noto Sans', sans-serif;
	margin-left: 200px;
	color: black;
}

nav ul img{
	width: 30px;
	margin: 10px;

}

h1{
	font-family: 'Archivo Black', sans-serif;
	z-index: -1;
	color: white;
	font-size: .05em;
}

#logoprincipal{
	width: 300px;
	margin-left: 50px;
	margin-top: 0px;
	transform: translateY(-50px);
}

#flamingo{
	z-index: -2;
	height: 500px;
	overflow: hidden;
	margin-left: 280px;
}

/* FIN HEADER */


/* INICIA MAIN */

main{ 
	width: 100%;
	height: auto;
}

main h2{
	font-family: 'Archivo Black', sans-serif;
	font-weight: 3000;
	float: right;
	margin-right: 100px;
	margin-top: 80px;
}

main p{
	font-family: 'Noto Sans', sans-serif;
	font-size: .8em;
	float: right;
	transform: translate(-60px, 250px);
}

#portdes{
	font-size: 1.3em;
	transform: translate(-150px,50px);
}

#contactparagraph{
	font-family: 'Noto Sans', sans-serif;
	font-size: .8em;
	float: right;
	transform: translate(-60px, 600px);
}

main p span{
	font-family: 'Archivo Black', sans-serif;
	font-weight: 3000;
	font-size: 1.2em;}

#portmenu{
	font-family: 'Archivo Black', sans-serif;
	font-weight: 3000;
	float: right;
	margin-right: 100px;
	margin-top: 80px;
	list-style: none;
	line-height: 2.5;
	font-size: 1.5em;
}

main ol{
	list-style: none;
}

main img{
	width: 30%;
	float: left;
	padding: 8%;
	transform: translateY(350px);
}

#resume{
	width: 100%;
	transform: translate(-60px,-40px);
}

/* FIN MAIN */

/* INICIO ASIDE */

aside{ 
	width: 100%;
	height: auto;
	position: relative;
	transform: translate(50px, 900px);
}

aside h2{
	font-family: 'Archivo Black', sans-serif;
	font-weight: 3000;
	margin-bottom: 0px;
	font-size: 1em;
}

aside p{
	font-family: 'Noto Sans', sans-serif;
	font-size: .8em;
	margin-top: 0px;
}

#submenu{
	list-style: none;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bolder;
	color: black;
	transform: translateX(100px);
}

#submenucontacto{
	list-style: none;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bolder;
	font-size: 1.5em;
	color: black;
	transform: translate(100px, -700px);
	line-height: 3;
}

#portaside{
	font-size: 1.3em;
	transform: translate(-150px, 2400px);
}

/* FIN ASIDE */

/* INICIO FOOTER */

footer{
	width: 100%;
	height: auto;
	transform: translateY(800px);
}

footer ul{
	width: 100vw;
	height: auto;
	display: flex;
	text-align: center;
	list-style: none;
	column-gap: 50px;
	align-items: center;
	font-family: 'Noto Sans', sans-serif;
	margin-left: 80px;
	color: black;
}

#telefono{
	width: 50px;
}

#email{
	width: 20px;
}

#instagram{
	width: 20px;
}

#politicasdelsitio{
	width: 100vw;
	height: auto;
	display: flex;
	text-align: center;
	list-style: none;
	column-gap: 50px;
	align-items: center;
	font-family: 'Noto Sans', sans-serif;
	margin-left: 150px;
	margin-top: 100px;
	color: gray;
	font-size: .7em;
}

footer p{
	font-family: 'Noto Sans', sans-serif;
	font-size: .7em;
	color: gray;
	margin-left: 200px;
	margin-top: 50px;
	padding-left: 50px;
}