@charset "utf-8";
@import url("style_reset.css");
@import url("style_texts.css");
@import url("style_global.css");
@import url("style_media.css");
@import url("style_header.css");
@import url("style_sections.css");
@import url("style_index.css");

/* Vars
==================================== */
:root{
	/*Colors*/
	--color-txt: black;
	--color-bg: white;

	/*Global*/
	--height-viewport: 100vh;
	--height-txt: 8px;
	--pos-top: 0;

	/*Margin*/
	--margin: 8px;
	--margin-top: var(--margin);
	--margin-sides: var(--margin);
	--margin-bottom: var(--margin);

	/*Gaps*/
	--gap-small: var(--margin);
	--gap-cols: var(--margin);
	--gap-rows: var(--margin);
	--gap-large: calc(var(--margin)*5);
	--gap-extra: calc(var(--margin)*9);

	/*Cols*/
	--cols: 24;

	/*Easing*/
	--speed: 200ms;
	--speedx2: calc(var(--speed)*2);
	--ease: cubic-bezier(0.83, 0.00, 0.17, 1.00);
}
@media (max-width: 834px){
	:root{
		--gap-large: calc(var(--margin)*3);
		--gap-extra: var(--gap-large);
	}
}