:root {
	--container-padding: 24px;
	--navbar-size:50px;
	--card-padding: 32px;
}


@media (min-width: 400px) {
	:root {
		--container-padding: 48px;
	}
}


@media (min-width: 1080px) {
	:root {
		--container-padding: 56px;
		--navbar-size:100px;
	}
}


@media (min-width: 1440px) {
	:root {
		--container-padding: calc(56px + 5vw);
	}
}


@media (min-width: 2000px) {
	:root {
		--container-padding: calc(56px + 10vw);
	}
}


.container {
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}