@import url("./theme.css");
@import url("./fonts.css");
@import url("./style_core.css");
@import url("./game_menu.css");
@import url("./mailbox.css");
@import url("./rpg_ui.css");
@import url("./pkm.css");
/* tablet */
@media screen and (min-width: 768px) {
  body { font-size: 15px; }
  #game-container, #footer {
    margin: auto;
    max-width: 1000px;
  }
  #game-container div.rpgBody {
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
  }
  #topBar { display:flex; line-height: 40px; }
  #topBar .options {
    display: flex;
    margin: 0px 10px;
  }
  #topBar .timeBlock {
    min-width: 130px;
    margin: 0px;
    vertical-align: middle;
    display: flex;
    font-size: .8rem;
  }
  #topBar .timeBlock .timeImg {
    margin-top: auto;
    margin-bottom: auto;
  }
  #topBar .timeBlock {
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    margin: 0px;
    margin-left: 2px;
  }
  #rpgContent {
    margin: 0px auto;
  }
}
/* desktop */
/* lg tablet / md desktop */
@media screen and (min-width: 992px) {
  #game-container {
    max-width: 1300px;
  }
}
/* lg */
@media screen and (min-width: 1400px) {
  #game-container {
  }
}