/* super bright neon green: #00ff00    */

:root {
  --primary-bg-color: #001701;
  --primary-color: #31fd00;
  --border-color: #006600;
}


/* BEGIN BLINKING CURSOR CODE     */
.cursor {
  display: inline-block;
  animation: blink 1s steps(1) infinite;
}
@keyframes blink {
  50% { opacity: 0; }
}
/* END BLINKING CURSOR CODE     */



body {
  display: grid;   
  color: var(--primary-color);
  background-color: var(--primary-bg-color);
  font-family: "Courier New", "Lucida Console", monospace;
}

a:link {color: #00FF00;}
a:visited {color: #00FF00;}
a:hover {color: #FF9900;}
a:active {color: #00FF00;}


#topbar {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

    border: 3px double var(--border-color);
    padding: 6px;
    margin: 6px;

    box-sizing: border-box;
}

.top-left {
    text-align: left;
}

.top-center {
    text-align: center;
}

.top-right {
    text-align: right;
}






#content {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;

    border: 3px double var(--border-color);
    padding: 6px;
    margin: 6px;

    box-sizing: border-box;
}

.left-panel {
    text-align: left;
}

.main-panel {
    text-align: center;
	align-items: center;
}

.right-panel {
    text-align: right;
}


#bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;

    border: 3px double var(--border-color);
    padding: 6px;
    margin: 6px;

    box-sizing: border-box;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}