body {
    font-family: 'Fixedsys';
    background-image: url(background.jpeg);
    background-color: black;
    color: #20C20E;
}
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 30%, rgba(0, 0, 0, 0.25) 20%);
    z-index: 999;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
#main-box {
    margin: auto;
    margin-top: 100px;
    text-align: center;
    float: center;
    color: #20C20E;
}
a {
   color: #fff;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   background-color: #1ea60c76;
}
a:active {
   text-decoration: underline;
   background-color: #1ea60c76;
}

/* Style the tab */
.tab {
  text-align: center;
  float: center;
  overflow: hidden;
  color: #20C20E;
  font-size: x-large;
  margin: auto;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  color: #20C20E;
  font-family: 'Fixedsys';
  font-size: x-large;
  float: center;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  text-decoration-color: var(--color-primary);
}

/* Change background color of buttons on hover */
.tab button:hover {
    text-decoration: underline;
    background-color: #155d0b76;
}

/* Create an active/current tablink class */
.tab button.active {
  text-decoration: underline;
  background-color: #155d0b76;
}

/* Style the tab content */
.tabcontent {
  text-align: center;
  margin: auto;
  display: none;
  padding: 6px 12px;
  border-top: none;
  width: 80%;
}
.hidden {
  opacity:0;
}
.console-container {
  float: center;
  font-family: 'Fixedsys';
  font-weight: bold;
  font-size:3em;
  text-align:center;
  display:block;
  position:absolute;
  color:white;
  top:30px;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  z-index: -999;
}
.console-underscore {
  display:inline-block;
  position:relative;
  top:-0.14em;
  left:10px;
  color: #20C20E;
}
.miscgraphics {
  max-height: 100px;
  max-width: 500px;
}
ul {
  padding-top: 0;
  margin-top: 0;
}