table
{
	width:1000;
	padding:0;
}

timeDisplay
{
	border:solid 1px black;
	
	
}

.buttonTab
{
height:40px;
width:50%;
background-color:#adb4ba;
}

.button:hover
{
	cursor:pointer;
	color:white;
}

.button
{
border:solid 1px black;
margin-left:35;
height:20;
background-color:#adb4ba;
}

#body {
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
  }

.storeTable{
	background-color: #FFF;
	width: 220px;
	padding:0px;
	vertical-align:top;
	
}

#tableRow2
{
	height:20px;
	border:solid;
	border-color:255,0,0;
}

#backdrop
{
	background-image:url("gr/background.jpg");
	width:100%;
	height:593;
	vertical-align:bottom;
}

#slidFram
{
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}

.container {
  width: 100%;
  height: 360px;
  position: relative;
}
.animate {
  position: absolute;
}
/* Keep the original artwork and controls usable on smaller screens. */
* { box-sizing: border-box; }
body { margin: 16px; font-family: Arial, sans-serif; }
h1 { text-align: center; font-size: 28px; }
#mainTable { width: 100%; max-width: 1000px; }
#backdrop { height: 593px; background-position: center bottom; }
.container { overflow: hidden; }
button { min-height: 44px; min-width: 44px; cursor: pointer; }
button:focus-visible { outline: 3px solid #164780; outline-offset: 3px; }
.button { height: auto; margin-left: 12px; }
.breeding-controls { padding-right: 15px; }
.storeTable { width: 250px; }
@media (max-width: 600px) {
  body { margin: 8px; }
  #tableRow2 td { display: block; width: 100%; text-align: center; padding: 8px; }
  #backdrop { height: 360px; }
  #mainTable > tbody > tr:last-child > td { display: block; width: 100%; }
  .storeTable { width: 100%; }
  .breeding-controls { padding-right: 0; }
}