:root	{
	--color0:	#282828;
	--color1:	#cc241d;
	--color2:	#98971a;
	--color3:	#d79921;
	--color4:	#458588;
	--color5:	#b16286;
	--color6:	#689d6a;
	--color7:	#a89984;
	--color8:	#928374;
	--color9:	#fb4934;
	--color10:	#b8bb26;
	--color11:	#fabd2f;
	--color12:	#83a598;
	--color13:	#d3869b;
	--color14:	#8ec07c;
	--color15:	#ebdbb2;
	--color256:	#1d2021;
	--color257:	#ebdbb2;
	--color258:	#211E1D;
	}
html	{
	padding-top: 10px;
	padding-bottom: 10px;
	background: darkslategrey ;
	font-family: Arial, Helvetica, sans-serif;
	}
body	{
	background: var(--color256);
	color: var(--color15);
	padding: 20px;
	border-radius: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: 80px;
	margin-left: 80px; 
	}



code	{
	color: forestgreen ;
	border-radius: 3px ;
	}
pre	{
	border: 1px solid forestgreen ;
	border-radius: 20px;
	padding: 1em;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	max-width: 1200px ;
	margin: auto ;
	}
a	{
	color:	var(--color6);
	text-decoration: none;
	}

a:hover	{
	color:	var(--color12);
	}
	
h1	{
	font-size:3em;
	color:	var(--color4);
	font-weight: Bold;
	text-align: center;
	margin-bottom: 1em
	}

h2	{
	color:	var(--color3);
	font-weight: normal;
	}

h3	{
	color:  var(--color3);
	font-weight: normal;

#links	{
	font-size: large;
	text-align: center;
	margin:	auto;
	max-width: 600px;
	background-color: var(--color256);
	padding: 5px;
	border-radius: 10px;
	}