body {
	background-color: #333333 ;
	background-image: ;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: Tahoma;
	min-height: 100vh;
}




form {
	background-color: #333333;
	text-align: center;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 2em 2em;
	max-width: 40em;
}

ul {
	text-align: left;
	color: darkgrey;
}
a {
  color: #ffde59;

}
a:visited {
  color: #ffde59
}
a:hover, a:active, a:focus {
  color:#ffefad;
}
a:link {
  text-decoration: none;
}

ul li {
	max-width: 175px;
}

ul:before{
    content:attr(aria-label);
    font-size:105%;
    font-weight:;
    margin-left:-15px;
}


 * {
  box-sizing: border-box;
}


h3
{
 color: #ffefad;   
}

article
{ 
border: 1px solid #838383; 
padding: 10px;
margin-bottom: 20px;
font-family: monospace;
font-size: 120%;
}
pre {
	font-size:120%;
}