body {
	background-image: url('./pictures/background.gif');
    max-width: 800px;
    margin: 40px auto;
    padding: 0 10px;
	line-height: 1.6;
    font: 18px/1.5 /*-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"*/;    
	color: #f0f0f0;
}

h1, h2, h3 {
	color: #f0f0f0
}

pre {
	font-size: x-large;
    line-height: 1.15;
	color:  #f0f0f0;
}

a:link {
	color: #9e9eff;
}
a:active{
	color: #ff9e9e
}
a:visited {
	color: #d0adf0;
}

label.red{
	background-color: red;
}

label.gre{
	background-color: green;
}

label.blu{
	background-color: blue;
}
table,tr,td{
	border:1px solid;
}


.grid-container {
    display: grid;
	align-items: center;
	justify-items: center;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    grid-gap: 20px;
}

canvas{
	background-image: url(./pictures/frame.gif);
	margin-bottom: 30px;
	width: 256;
	height: 224;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

li{
	list-style-type: none;
}

td{
	width: 75px;
}