* {  box-sizing: border-box;}body {  margin: 0;  height: 100%; overflow: hidden;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}#tower          { position: fixed; Top: 1%;Right:10%; width: 512px; height: 384px; border: 4px solid lightblue; background: -webkit-radial-gradient(circle, #1a82f7, #2F2727); }/* solid #C080C0; } */#canvas         { display: inline-block; width: 100%; height: 100%; }    #instructions   { font-style: italic; color: #999; font-size: 9pt; margin-left: 1em; margin-top: 0.5em; }	#howto   a{ font-style: italic; color: lightgreen; font-size: 19pt; font-family: 'Cherry Swash', cursive;}		#about   a{ font-style: italic; color: lightgreen; font-size: 19pt; font-family: 'Cherry Swash', cursive;}    #instructions b { color: #DDD; }	#bgCanvas{    width:100%;    height:100%;    z-index: 10;    top:0;    left:0;    position: absolute;}	@media screen and (min-width:     0px) and (min-height:    0px) { #tower { width:  480px; height: 360px; font-size:  7pt; } } /* block = 16 */	@media screen and (min-width:   840px) and (min-height:  530px) { #tower { width:  512px; height: 384px; font-size:  9pt; } } /* block = 20 */    @media screen and (min-width:   968px) and (min-height:  626px) { #tower { width:  768px; height: 576px; font-size: 11pt; } } /* block = 24 */    @media screen and (min-width:  1096px) and (min-height:  722px) { #tower { width:  768px; height: 576px; font-size: 13pt; } } /* block = 28 */    @media screen and (min-width:  1224px) and (min-height:  818px) { #tower { width:  896px; height: 673px; font-size: 15pt; } } /* block = 32 */	/*	@media screen and (min-width:     0px) and (min-height:    0px) { #tower { width:  512px; height: 384px; font-size:  7pt; } } /* block = 16 *//*  @media screen and (min-width:   840px) and (min-height:  530px) { #tower { width:  640px; height: 480px; font-size:  9pt; } } /* block = 20 *//*    @media screen and (min-width:   968px) and (min-height:  626px) { #tower { width:  768px; height: 576px; font-size: 11pt; } } /* block = 24 *//*    @media screen and (min-width:  1096px) and (min-height:  722px) { #tower { width:  896px; height: 672px; font-size: 13pt; } } /* block = 28 *//*    @media screen and (min-width:  1224px) and (min-height:  818px) { #tower { width: 1024px; height: 768px; font-size: 15pt; } } /* block = 32 */#progress {  height: 8%;  margin: auto;  position: absolute;  top: 0; left: 0; bottom: 0; right: 0;   }#percent {  color: white;  font-weight: bold;  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;  color: lightgreen; font-size: 3em; font-family: 'Cherry Swash', cursive;}#progress-bar {  width: 200px;}#startmenu {	height: 8%;	margin: auto;  	position: absolute;	top: 0; left: 2em; bottom: 0; right: 0;	color: yellow; font-size: 200%;    }#score          { color: yellow; font-size: 200%; font-family: Comic Sans MS; max-width: 50px;text-align: left;}#scoreimg       { color: yellow; font-size: 200%; font-family: Comic Sans MS; max-width: 50px;text-align: left;}#depth          { color: lightgreen; font-size: 150%; font-family: Comic Sans MS, cursive, sans-serif;text-align: center; }#warning        { color: red; font-size: 200%; font-family: Comic Sans MS, cursive, sans-serif; min-height: 20px; }#levelname      { color: lightgreen; font-size: 150%; font-family: Comic Sans MS, cursive, sans-serif; }#workdepth      { color: lightgreen; font-size: 150%; font-family: Comic Sans MS, cursive, sans-serif; }#instructions      { color: lightgreen; font-size: 150%; font-family: Comic Sans MS, cursive, sans-serif; }		#i147ge{  flex-basis:51.8%;}#i613nd{  flex-basis:50.6%; }#iwbslo{  flex-basis:117.6%;}#icia5p{  flex-basis:117.6%;}#ilh1xf{  flex-basis:117.6%;  }.header-banner{  padding-top:35px;  padding-bottom:100px;  color:rgb(255, 255, 255);  font-family:Helvetica, serif;  font-weight:100;  background-image:url("https://chilembwe.com/captnemo/img/headers/header%20(38).jpg"), url("https://chilembwe.com/captnemo/img/headers/header%20(38).jpg");  background-repeat:repeat-x;  background-attachment:fixed;  background-position: left top;     ,background-attachment:scroll, scroll;  ,background-position-x:left, center;  ,background-position-y:top, center;  ,background-repeat:repeat-y, no-repeat;  ,background-size:contain, cover;}.row{  display:flex;  justify-content:flex-start;  align-items:stretch;  flex-wrap:nowrap;  padding-top:10px;  padding-right:10px;  padding-bottom:10px;  padding-left:10px;}.cell{  min-height:5px;  flex-grow:1;  flex-basis:100%;  background-color:rgba( 30, 50, 255, 0.3);  }.c4734{  color:black;  width:50px;  height:50px;}.c4735{	 display: block; /*for the img inside your div */  margin-left: auto ;margin-right: auto ;  color:black;  width:50px;  height:100px;}@media (max-width: 768px){  .row{    flex-wrap:wrap;  }}