body {
  font-family: "DejaVu Sans", sans-serif;
  background-color: #000000; }

#content {
  display: flex;
  align-items: stretch;
  height: 100vh; }

#field_22 {
  background: center no-repeat url("../img/logo_light.png");
  -webkit-background-size: 90%;
  background-size: 90%; }
  #field_22:hover {
    cursor: pointer; }
  #field_22:active {
    background-color: #665600; }

main {
  flex-grow: 4;
  margin: 0 auto 0 auto;
  text-align: center; }
  main table {
    display: inline-block;
    margin: 2em; }
    main table td {
      transition: 200ms;
      color: #ffdf33;
      border: 1px solid #ffe766;
      border-collapse: collapse;
      width: 38.4mm;
      max-width: 38.4mm;
      min-width: 38.4mm;
      text-align: center;
      height: 21.7mm;
      min-height: 21.7mm;
      max-height: 21.7mm;
      word-wrap: break-word;
      overflow-y: hidden !important;
      padding: 2mm;
      font-size: 11pt; }
      main table td:focus {
        background-color: #333333; }

aside {
  flex-grow: 1;
  max-width: 350px;
  min-width: 200px;
  overflow-y: scroll; }
  aside ul {
    list-style-type: none;
    margin: 2em 0 2em 0;
    padding: 0; }
    aside ul li {
      color: #ffdf33;
      -ms-user-select: None;
      -moz-user-select: None;
      -webkit-user-select: None;
      border: 1px solid #1a1a1a;
      border-right: None;
      transition: 400ms;
      background-color: #333333;
      margin: 5px 0 5px 2mm;
      padding: 2mm 2mm 2mm 4mm;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      line-height: 1.3; }
      aside ul li:hover {
        margin-left: 0;
        padding-right: 4mm;
        cursor: pointer;
        background-color: #666666;
        border-color: gold; }
      aside ul li:active {
        background-color: gray; }

#controls {
  text-align: center;
  padding: 25px 0;
  margin: 2em; }

.big {
  color: gold;
  margin: 0.5em 2mm 2mm 2mm;
  padding: 0;
  font-size: 30pt;
  text-decoration: blink; }

/*# sourceMappingURL=main.css.map */