@import url("fuentes.css");
@import url("menu.css");
@import url("hero-header.css");
/*@import url("animaciones.css");*/


@import url("about-me.css");

@import url("contacto.css");

@import url("footer.css");


:root {
	--blanco: #FBFCFC;

	--negro18: #181818;
	--negro20: #202020;
	--negro24: #242424;
	--negro25: #252525;
	--negro30: #303030;

	--tit1: 40px;
	--tit2: 35px;
	--tit3: 30px;

	--paragraph: 18px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #fff;
}

body {
	background: #1E1E1E;
}

h1 {
	font-size: var(--tit1);
	font-family: "Poppins", sans-serif;
	font-weight: 800;
}

h2 {
	font-size: var(--tit2);
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

h3,
.h3 {
	font-size: var(--tit3);
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

p {
	font-size: var(--paragraph);
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

/* Para navegadores basados en WebKit como Chrome y Safari */
::-webkit-scrollbar {
  width: 10px;
  background: #252525;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
}