/* -style_all.css- */
@import url("style_all_game-name.css");
@import url("style_all_variables.css");
@import url("style_all_language.css");

@import url("style_all_theme.css");

@import url("style_screen.css");
@import url("style_mobile.css");

/* ------------------------------------------------------------------------- */
body {
  text-align: center;
  background-color:  var(--bgcolor);
}

button {
  font: 10px var(--game-font-2);  
}
section.board4, section.board9, section.board16 {
  display: none;
}

section.settings-menu {
  display: none;
}

section.graphics-menu, section.game-menu, section.difficulty-menu, section.stats-menu {
  display: none;
}

span {
  display: flex;
  justify-content: center;
}

/* -Block----------------------------------------------------------------------- */
img{ display: none; }

/* -Block-click---------------------------------------------------------------- */

.block:active {
  transform: scale(0.80) !important;
}
.active {
  outline: none !important;
  box-shadow: 0 0 20px var(--color) !important;
  transform: scale(1.2) !important;
  transition-duration: var(--show-block-time) !important;
}

/* -Block-color--------------------------------------------------------------- */

span:nth-child(even) div:nth-child(odd) { background-color: var(--dark-square-bgcolor); color: var(--dark-square-color);}
span:nth-child(even) div:nth-child(even) { background-color: var(--light-square-bgcolor); color: var(--light-square-color);}
span:nth-child(odd) div:nth-child(odd) { background-color: var(--light-square-bgcolor); color: var(--light-square-color);}
span:nth-child(odd) div:nth-child(even) { background-color: var(--dark-square-bgcolor); color: var(--dark-square-color);}

/* -top-menu--------------------------------------------------------------- */

.top-section {
  position: fixed;
  display: inline-block;
  top: 0;
  left: 0;
  right: 0;
}

.top-menu {
  font: 16px var(--game-font);
}


/* -game-text-------------------------------------------------------------- */

.game-text {
  font: 16px var(--game-font);
  color: var(--color);
  background-color: var(--bgcolor);
}

/* -start-button----------------------------------------------------------- */

button.start-button {
  font: 16px var(--game-font);
  border: none;
  background-color: var(--bgcolor);
  color: var(--color);
}
button.start-button:hover {
  background-color: var(--color);
  color: var(--bgcolor);
  border-radius: var(--block-shape-value);
  padding: 2px 30px;
}

/* -page-possition----------------------------------------------------- */

.middle-section, .bottom-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.body-menu {
  margin: 0;
  padding: 0;
  background-color: var(--bgcolor);

}