#header {
  padding: 0px;
  margin: 0px;
}

body {
  background: rgb(231, 225, 225);
  color: #272727;
  font-size: 14px;
  margin: 0;
  font-family: sans-serif;
  user-select: none;
}

.main {
  display: grid;
  margin-top: 10px;
  height: auto;
  grid-template-rows: repeat(7, 1fr);
}

.container {
  margin: 0 auto;
}

.main * {
  margin: 0 auto;
  display: inline-block;
}

.grey {
  color: #b4b4b4ff;
}

.highlight {
  color: #d0d0d0ff !important;
}

.white {
  color: #ffff;
}

.bold {
  font-weight: 600;
}

.left {
  float: left;
}

.clear-left {
  clear: left;
}

.right {
  float: right;
}

.clear-right {
  clear: right;
}

.clear {
  clear: both;
}

.fill-height {
  height: 100%;
}

.inline {
  display: inline-block;
}

.upper-case {
  text-transform: uppercase;
}