@import url(reset.css);
@import url(variables.css);

body {
	background-color: var(--secundary-color);
	color: var(--contrast-dark-color);
	font-family: var(--font-family);
	overflow-x: hidden;
}

.container {
	padding-right: 1rem;
	padding-left: 1rem;
}

.flex {
	display: flex;
}

.flex--center {
	align-items: center;
	justify-content: center;
}

.flex--column {
	flex-direction: column;
}

@media (min-width: 800px) {
	.container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.container {
		padding-left: calc((100vw - 900px) / 2);
		padding-right: calc((100vw - 900px) / 2);
	}
}