:root {

	--cor-de-fundo: #f5f5f5;
	--cor-de-link: #000;
	--preto-100: #464646;
	--preto-branco: #fff;
	--azul-100: #2a7ae4;
	--preto-50: #A2A2A2;
}

body {
	box-sizing: border-box;
	background-color: var(--cor-de-fundo);
	font-family: "Raleway";
	margin: 0;
	padding: 0;
	line-height: 1;
	letter-spacing: 0.1px;
}

ol,
ul,
li {
	list-style: none;
	padding-inline-start: 0px;
}

a {
	text-decoration: none;
	color: var(--cor-de-link);
}



/*Sección Menu*/

.menu {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100vw;
	height: 10vh;
	background-color: #0a3871;
	color: #eaf2fd;
	;


}

/*Sección Title*/

.title {
	display: flex;
	height: 25vh;
	width: 100vw;
	justify-content: center;
	align-items: center;
	padding: 2rem 0rem;
}

/*Sección About*/

section.about {
	display: flex;
	padding: 1rem 0rem;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	height: 35vh;
	width: 100vw;
	background-color: #eaf2fd;
}

/*Sección skills*/

.skills {
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: 35vh;
	align-items: center;
	margin-bottom: 2%;
}

/*Sección Hobbies*/

section.hobbies {
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: 35vh;
	align-items: center;


}

/* Experiencia Académica*/

section.academic {
	width: 100vw;
	height: 60vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	gap: 1rem;
	padding: 3.125rem;
	background: var(--azul-10, #eaf2fd);
	box-sizing: border-box;
}

/* experiencia*/

section.experience {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5rem;
	width: 100vw;
}

/*Contacto*/

section.formcontato {

	display: flex;
	width: 100vw;
	height: 80vh;
	padding: 2rem;
	flex-direction: column;
	align-items: center;
	gap: 0.625rem;
	background: var(--azul-10, #EAF2FD);
	box-sizing: border-box;
}

/*footeer*/

section.footer {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 2rem;
	justify-content: center;
	align-items: center;
	margin-top: -6%;
	box-sizing: border-box;
	background-color: #0a3871;



}

@media (max-width: 1440px) {
	/* Menú */

	.menu {
		height: 15vh;
		width: 100vw;
		margin: 0%;
		padding: 0%;
		

	}

}



@media (min-width: 916px) and (max-width: 1024px) {
	/* Menú */

	.menu {
		height: 25vh;
		width: 100vw;
		flex-direction: column;
		margin: 0%;
		padding: 0%;
	}

}

/*Tablet*/
@media (min-width: 435px) and (max-width: 915px) {
	/* Menú */

	.menu {
		height: 25vh;
		width: 100vw;
		flex-direction: column;
		margin: 0%;
		padding: 0%;
	}

	
}

/*Mobile*/
@media (max-width: 435px) {

	/*Menu*/
	.menu {

		height: 25vh;
		flex-direction: column;


	}


}