:root {
  --menu-colour: rgba(76, 123, 209, 1);
  --green-button-background: rgba(83, 167, 85, 1);
  --green-button-border: rgba(70, 154, 72, 1);    /* minus 13 */
  --green-button-shadow: rgba(112, 196, 114, 1);    /* add 29   */
  --orange-button-background: #ED7D1F;
  --orange-button-border: rgba(242, 132, 68, 1);    /* minus 13 */
  --orange-button-shadow: rgba(255, 174, 110, 1);    /* add 29   */
  
  --green-window-background: #1B7A0A;
  --green-backgrounds: #4CAF50;

  --table-list-colour1: #669900;
  --table-list-colour2: #999999;
  --table-list-heading: #ffc000;
  --table-list-hover: #ddd;
  --game_background-colour:#4472C4;

  --main-font:'Nunito', cursive;   /*   font-family: 'McLaren', cursive;*/
  --main-font-size:14px;
  --white: #EEEEEE;
}

*{
   margin:0; 
   outline:none;
   padding:0; 
}

#header {
   grid-area:header;
}

body {
   margin: 0px;
   padding: 0px;
/*  background-image: url('/images/grey_background.png');*/
  background: #110F47;
}

table {
   border-collapse: collapse;
}

p {
   font-family: var(--main-font);
   font-size:var(--main-font-size);
   color:#ffffff;
   text-align:center;
   margin-left: auto;
   margin-right: auto;
}

h1 {
   font-family: 'Freckle Face';
   text-align:center;
   color:white;
}

h1.heading {
   font-size:24pt;
}

h1.subheading {
   font-size: 20pt;
}

.w030 { width:30px; }
.w040 { width:40px; }
.w050 { width:50px; }
.w075 { width:75px; }
.w080 { width:80px; }
.w085 { width:85px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w125 { width:125px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w175 { width:175px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }

.w250 { width:250px; }
.w260 { width:260px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width: 450px; }
.w550 { width: 550px; }
.center { text-align: center; }