.flex-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 600px;
}

.footer {
	width: 100%;
	text-align:center;
	height: 60px;
}

#game-base{
  width:640px; 
  margin:0 auto;

  border-style: solid;
  border-width: 2px;
  border-color: #993;
  z-index:-1; 
  background: #060;


}

#game-table{
  width:434px;
  height:374px;
  margin:0 auto;
  position:relative;
  border-style: solid;
  border-width: 2px;
  border-color: #C03;
  z-index:2; 
  background: #36C;
}

.disc{
  position:absolute;
  top:-55px;
  left:14px;
  width:46px;
  height:46px;
  border-radius:46px;
  transition:all .3s;
  z-index:4;
  
}

.disc.red{
  background:#d96666;
}

.disc.yellow{
  background:#ffeb79;
}

canvas{
  display: block;
  z-index:3; 
  background:#36C;

}

/* Theme yellow */

.w3-theme-l5 {color:#000 !important; background-color:#fffef3 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fffbd8 !important}
.w3-theme-l3 {color:#000 !important; background-color:#fff7b1 !important}
.w3-theme-l2 {color:#000 !important; background-color:#fff38b !important}
.w3-theme-l1 {color:#000 !important; background-color:#ffef64 !important}
.w3-theme-d1 {color:#000 !important; background-color:#ffe81e !important}
.w3-theme-d2 {color:#000 !important; background-color:#fde400 !important}
.w3-theme-d3 {color:#000 !important; background-color:#ddc700 !important}
.w3-theme-d4 {color:#fff !important; background-color:#beab00 !important}
.w3-theme-d5 {color:#fff !important; background-color:#9e8e00 !important}