:root {
   --game_size_height: 100%;
   --game_size_width: 100%;
}

* {
   /* prevent selecting*/
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

html, body {
   /* height: 100vh; */
   /* Fallback for browsers that do not support Custom Properties */
   /* height: calc(var(--vh, 1vh) * 100); */
   font-family: Sansita, "RobotoRegular", "Droid Sans", sans-serif;
   color: #ffffff;
   font-size: calc(var(--game_size_height) * 0.022px);
   line-height: calc(var(--game_size_height) * 0.035px);
}

html {
   background: #333333;
   overflow: hidden;
}

#wrapper>div {
   box-sizing: border-box;
   /* margin: 1px; */
   /* background: #333333; */
   /* padding: 2px; */
}

#wrapper {
   /* background: lime; */
   margin: 0 auto;
   background: #333333;
   border-left: solid 1px #a2e951;
   border-right: solid 1px #a2e951;
   overflow: hidden;
}

#top_banner {
   background: #444444;
}

#top_banner h1 {
   display: inline-block;
}

#top_banner button {
   background: #a2e951;
}

#scores {
   background: #333333;
}

#board {
   background: #999999;
}

#info {
   background: #333333;
}

#hint {
   background: #333333;
}

#add {
   background: #444444;
}

#game_wrapper {
   /* background: #fff; */
   display: none;
}

#menu_wrapper {
   /* display: none; */
   background: #ff0000;
}

#menu_wrapper ul {
   list-style-type: none;
}

#menu_wrapper li a {
   text-decoration: none;
   color: #fff;
   display: block;
   padding: calc(var(--game_size_height) * 0.03px);
   text-align: center;
}

#menu_wrapper li a:hover {
   background: #666666;
}

#modal_body button {
   display: block;
   margin: calc(var(--game_size_height) * 0.03px) auto;
}

#modal_body {
   /* border-top: solid calc(var(--game_size_height) * 0.003px) #a2e951; */
   /* border-bottom: solid calc(var(--game_size_height) * 0.003px) #a2e951; */
   overflow-y: auto;
}

button {
   font-family: Sansita, "RobotoRegular", "Droid Sans", sans-serif;
   font-size: calc(var(--game_size_height) * 0.02px);
   background: #a2e951;
   padding: 1vh;
   border: solid 0.5vh #ffffff;
   border-radius: 0.5vh;
}

ol {
   list-style-type: square;
   margin-left: 10%;
}

p {
   padding: 1vh;
}

em {
   color: #a2e951;
}