/* Global */
:root {
	--space-0: 0;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 20px;
	--space-5: 32px;
	--space-6: 52px;
	--space-7: 84px;
	--space-8: 136px;
	--space-9: 220px;

	--font-family-sans: Inter;
	--font-family-serif: Times;
	--font-family-mono: IMB Plex Mono;

	--font-size-0: 12px;
	--font-size-1: 14px;
	--font-size-2: 16px;
	--font-size-3: 18px;
	--font-size-4: 20px;
	--font-size-5: 24px;
	--font-size-6: 30px;
	--font-size-7: 36px;
	--font-size-8: 48px;
	--font-size-9: 60px;
	--font-size-10: 72px;

	--line-height-0: 16px;
	--line-height-1: 20px;
	--line-height-2: 24px;
	--line-height-3: 28px;
	--line-height-4: 28px;
	--line-height-5: 32px;
	--line-height-6: 36px;
	--line-height-7: 40px;
	--line-height-8: 48px;
	--line-height-9: 60px;
	--line-height-10: 72px;
	--line-height-11: 96px;
	--line-height-12: 128px;

	--dark-brown: #3B3935;
	--mid-brown: #4B4944;
	--light-brown: #F6F1E5;
	--off-white: #FDF9F2;
	--light-blue: #F6F9FE;
	--green: #39603F;
}

html {
	background-color: var(--dark-brown);
	font-family: var(--font-family-serif), sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	
}

body {
	background-color: var(--off-white);
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,p {
	margin: 0;
}

@media (min-width: 575px) {

}

@media (min-width: 800px) {

}
a{
    color: var(--dark-brown);
}