:root {
	/* gruvbox dark */
	--dark-fg0: #fbf1c7;
	--dark-fg1: #ebdbb2;
	--dark-fg2: #d5c4a1;
	--dark-fg3: #bdae93;
	--dark-fg4: #a89984;
	--dark-gray: #928374;
	--dark-bg4: #7c6f64;
	--dark-bg3: #665c54;
	--dark-bg2: #504945;
	--dark-bg1: #3c3836;
	--dark-bg0_s: #32302f;
	--dark-bg0: #282828;
	--dark-bg_0h: #1d2021;
	--dark-redlight: #fb4934;
	--dark-reddark: #cc241d;
	--dark-orangelight: #fe8019;
	--dark-orangedark: #d65d0e;
	--dark-yellowlight: #fabd2f;
	--dark-yellowdark: #d79921;
	--dark-greenlight: #b8bb26;
	--dark-greendark: #98971a;
	--dark-teallight: #8ec07c;
	--dark-tealdark: #689d6a;
	--dark-bluelight: #83a598;
	--dark-bluedark: #458588;
	--dark-pinklight: #d3869b;
	--dark-pinkdark: #b16286;
	/* gruvbox light */
	--light-bg0: #fbf1c7;
	--light-bg_0h: #f9f5d7;
	--light-bg0_s: #f2e5bc;
	--light-bg1: #ebdbb2;
	--light-bg2: #d5c4a1;
	--light-bg3: #bdae93;
	--light-bg4: #a89984;
	--light-gray: #928374;
	--light-fg1: #3c3836;
	--light-fg2: #504945;
	--light-fg3: #665c54;
	--light-fg4: #7c6f64;
	--light-fg0: #282828;
	--light-redlight: #cc241d;
	--light-reddark: #9d0006;
	--light-orangelight: #d65d0e;
	--light-orangedark: #af3a03;
	--light-yellowlight: #d79921;
	--light-yellowdark: #b57614;
	--light-greenlight: #b8bb26;
	--light-greendark: #79740e;
	--light-teallight: #689d6a;
	--light-tealdark: #427b58;
	--light-bluelight: #458588;
	--light-bluedark: #076678;
	--light-pinklight: #b16286;
	--light-pinkdark: #8f3f71;
}


body {
	background-color: var(--dark-bg2);
}

main {
	background-color: var(--dark-bg_0h);
	color: var(--dark-fg0);
	padding:1%;
	width:80%;
}

a {
	color: var(--dark-bluelight);

}
a:hover {
	color: var(--dark-bluedark);
}
a:visited {
	color: var(--dark-pinklight);
}
a:visited:hover {color:var(--dark-pinkdark)};