/*////v v the "fun" packet. should be in every .css entry ////*/
:root {
    --major-color: #00ff00;
    --minor-color: #00FF7F;
    --highlight-color: #16E2F5;
    --faded-color: #004400;
    color: var(--minor-color);
}
/*/////////////////////////////*/

.highlight {
  color: var(--highlight-color);
}

.subtext {
  color:blue;
  font-size: 2vh;
}

#UI {
  display: flex;
  height: 99vh;
  flex-flow: column;
  width: 15vw;
  overflow: hidden;
  justify-content: space-between;
  align-content: center;
  text-align: center;
  font-size: 1vw;
}

#display { /* still needs formatting */
  display: flex;
  height: 99vh;
  width: 84vw;
  position: absolute;
  right: 1px;
  top: 1px;
  
  flex-flow: column;

}

.container {
  border-top: dashed 3px var(--highlight-color);
}

.warnbar {
  position: relative;
  place-self: center center;
}

#controls {
  display: flex;
  height: 50vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.input  {
  color: var(--minor-color);
  background-color: var(--faded-color);
  border: dashed, var(--major-color) 1px;
  width: 100%;
  height: 50%;
  text-align: left;
}