body, html { height:100%;
  background-image: url('wc2022.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

#content {margin: auto;width: 320px;text-align: center; height:450px;
          background: radial-gradient(#00f, #000058) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.button{width:130px;} /*allow for more text*/
.button:hover{box-shadow: rgba(255, 180, 2, 0.8) 0 0 3px 3px;}

td { border: 1px solid white;
  text-align: center;font-size:8pt;
  padding: 5px;}
  
.scrolltable{overflow-y: auto;height:320px;}

/* responsive design for smaller screens*/
@media screen and (max-width: 400px) /* screens less than 400px*/
  {
   body {margin:0;font-size:10pt;}
/*   #content {width:100%;}  */
  }