/* RESET */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* HTML */
html {
	scroll-behavior: smooth;
}

/* BODY */
body {
	font-family: var(--font-body);
	background-color: var(--black);
	color: var(--white);
	line-height: 1.6;
}

/* IMÁGENES */
img {
	display: block;
	max-width: 100%;
}

/* ENLACES */
a {
	color: inherit;
	text-decoration: none;
}

/* BOTONES */
button,
a {
	cursor: pointer;
}

/* CONTENEDOR */
.container {
	width: min(100% - 40px, var(--container));
	margin-inline: auto;
}

/* SECCIONES */
section {
	width: 100%;
}