@import url('./buttons.css');
@import url('./colors.css');
@import url('./flex.css');
@import url('./front.css');
@import url('./modal.css');
@import url('./navbar.css');
@import url('./scoreboard.css');
@import url('./screen.css');
@import url('./tile.css');
@import url('./tilemap.css');
@import url('./utils.css');

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
  touch-action: none;
  image-rendering: optimizeSpeed;
}

body {
  position: relative;
  background-color: #111;
  background-attachment: fixed;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12.5px;
  height: 100vh;
  width: 100vw;
  line-height: 1.5;
  overflow: hidden;
}

h1 {
  margin: 0px;
}

#images {display: none;}

.Audio-controls {
  position: fixed;
  left: 0px;
  top: 0px;

  background-color: transparent;
  width: 100%;

  z-index: 10;
}

button {
  cursor: pointer;
}

.cover {
  width: 100%;
  min-height: 100vh;
}

.selection-transparent::selection {
  background: transparent;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.w-100 { width: 100%; }