/* You can add global styles to this file, and also import other style files */

@font-face {
  font-family: 'RobotoTodd';
  src: url("assets/fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoTodd';
  src: url("assets/fonts/Roboto-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'TechMono';
  src: url("assets/fonts/TechMono.ttf");
  font-weight: normal;
  font-style: normal;
}

$primary-color: rgb(0, 242, 0);
$secondary-color: rgb(0 242 0 / 30%);

html, body { height: 100%; background-color: black }
body {
  margin: 0;
  font-family: RobotoTodd, "Helvetica Neue", sans-serif;
  color: rgb(0, 0.949*255, 0)
}

.activeHeader {
  border-left: 2px solid $primary-color;
  border-right: 2px solid $primary-color;
}

.inactiveHeader {
  color: $secondary-color;
}

.footer {
  #background-color: $secondary-color;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 6.5%;
}

.footer-text {
  background-color: $secondary-color;
}

.menu-selected {
  background-color: $primary-color;
  color: black;
}

.mat-dialog-container {
  background: black;
  color: $primary-color;
}

.cdk-overlay-pane {
  max-width: 100% !important;
}