body {
  margin-top: 20px;
  background: #000000;
  color: #00ff00;
  text-align: center;
  font-size: 11pt;
  font-family: monospace;
  overflow-x: hidden;
}

svg {
  width: 32px;
  height: 32px;
  fill: #00FF00;
  vertical-align: bottom;
}

.popup {
  display: none;
  position: fixed;
  top: 50px;
  left: 300px;
  background: #060c08;
  padding: 10px;
  width: 60%; 
  height: 90%;
  z-index: 20;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;  
  border-radius: 6px 6px 6px 6px;
}

#popup {
  -webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
  box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
}

#iframe {
  padding-top: 30px;
  height: 95%;
  width: 100%;
  border-style: none;
}

#sl_cmd,
.sl_cmd {
  position: absolute;
  margin-left: 50%;
  top: 200px;
  left: -350px;
  width: 800px;
}

input {
  width: 500px;
  border: none;
  background-color: transparent;
  color: #00ff00;
  outline: none;
  font: inherit;
}

a {
  color: #FFDD77;
  text-decoration: underline;
}

a:visited {
  color: #CCB160;
}

#logo {
  width: 400px;
  margin: 0 auto;
}

#counter {
  margin: 0;
  top: 150px;
  left: 0;
  height: 500px;
  width: 100%;
  text-align: center;
  font-size: 60pt;
  color: #ffbf00;
}

#labels {
  top: 250px;
  width: 500px;
  left: -250px;
  font-size: 16pt;
  display: flex;
}

.counter-labels {
  position: relative;
  margin: 0;
  left: 0;
}

#cmd-window {
  text-align: left;
}

#skip {
  cursor: pointer;
  top: 400px;
  left: -25px;
  border-radius: 5px;
  background: red;
  width: 50px;
}

#home-list,
#pastresults-list,
#pastresults-2014-list,
#pastresults-2015-list {
  color: #FFDD77;
  display: table;
}

#home-list div,
#pastresults-list div,
#pastresults-2014-list div,
#pastresults-2015-list div {
  position: initial;
  padding: 0 5px;
  display: table-cell;
}

#overview-list {}

#sl_cmd {
  text-align: left;
}

.sl_cmd {
  visibility: hidden;
  white-space: pre;
}

.cli {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}