: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; 
	}

body	{
	background: var(--color256);
	color: var(--color15);
	padding: 20px;
	border-radius: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: 80px;
	margin-left: 80px; 
	}

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;
	}