@font-face {
  font-family: "CasCode";
  src: url(/static/fonts/Cascadia_Code/CascadiaCode-VariableFont_wght.ttf);
}

@font-face {
  font-family: "NGEFont";
  src: url(/static/fonts/NIS-JTC-Win-M9.ttf);
}

@font-face {
  font-family: "Terminal";
  src: url(/static/fonts/BigBlue_Terminal_v1.0/BigBlue_TerminalPlus.TTF);
}

.evaFontTitle {
  font-family: "NGEFont";
  transform: scaleX(0.75);
  transform-origin: left;
  margin: 10px;
  color: white;
}

.evaFontEpNum {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  transform: scaleX(0.75);
  transform-origin: left;
  margin: 10px;
  color: white;
}

.evaFontEpName {
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  transform: scaleX(0.75);
  transform-origin: left;
  margin: 10px;
  color: white;
}

.divider::before {
  content: "";
  display: block;
  border-top: 2px solid currentColor;
  width: 100%;
}

.padding {
  padding-bottom: 20px;
}

.header {
  display: flex;
  align-items: center;
}

.container {
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 10px;
  width: 800px;
  border: 2px solid #00ff26;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;

  h1 {
    font-size: 25px;
    max-width: 95%;
  }

  p {
    max-width: 95%;
  }
}

* {
  font-family: "Terminal";
  color: #00ff26;
}

*::selection {
  color: #FF00D9;
  background-color: #00ff26;
}

a {
  margin: 0px 10px 0px 10px;
  color: #FFB000;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-style: italic;
}

a:focus {
  outline: none;
  text-decoration: underline;

}

a:hover::before {
  content: "[";
  position: absolute;
  left: -12px;
}

a:hover::after {
  content: "]";
  position: absolute;
}

h2 {
  font-style: italic;
  text-decoration: underline;
}

pre {
  margin: 0px;
}

input {
  background-color: black;
  border-color: #00ff26;
  border-radius: 5px;
  border-style: ridge;
  user-select: none;
}

input:focus {
  outline: 2px solid #00ff26;
  outline-offset: 5px;
  border-radius: 5px;
  outline-offset: 2px;
}

body {
  background-color: black;
  min-width: 1000px;
  min-height: 1000px;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: black;
}
