body {
	margin: 0;
	padding: 0;
	background: #697281;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F1F5F8;
  background: #26476E url(RetroSlop.webp);
  background-repeat:repeat;
}
#page
{
  display: block; 
  height:auto;
  position: relative; 
  width: 80%;
  border: 4px solid #474747;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
  margin: auto;
  background-color: rgb(181 181 181);
  font-family: monaco,Consolas,Lucida Console,monospace;
  border-radius: 8px;
  font-size: 18px;
  overflow-x: hidden;
}
#footer
{
padding-top:6px;
overflow:hidden;
text-align:center;
font-size:12px;
color:#E2E2E0;
}

#gub
{
  background-image:url(gub.webp);
background-repeat:no-repeat;
height:100%;
width:100%;
overflow:hidden;
position: absolute;
transform: scale(0.3, 0.3);
bottom: 173px;
right: 470px;
}

#hat
{
  background-image:url(hat.jpg);
background-repeat:no-repeat;
height:100%;
width:100%;
overflow:hidden;
position: absolute;
transform: scale(0.4, 0.4);
bottom: 140px;
left: 890px;

}

#title
{
  border: 4px solid #474747;
  overflow: auto;
  width: 70%;
  padding: 4px;
  box-sizing: border-box;
  margin: auto;
  background-color: rgb(122 122 122);
  border-radius: 8px;
}

#title h1
{
  font-family: monaco,Consolas,Lucida Console,monospace;
  text-align: center;
}

#gap
{
  height: 40px;
}
#small
{
padding-top:1px;
overflow:hidden;
text-align:left;
font-size:12px;
color:#E2E2E0;
}