@font-face {
  font-family: 'easvhs';
  font-style: normal;
  /*font-weight: 100;*/
  font-stretch: 100%;
  font-display: swap;
  src: url(easvhs.woff2) format('woff2');
}
html {
 overflow: hidden;
}
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  background-color: black;
  background-image: url('/images/background.png');
  background-size: contain;
  background-repeat: no-repeat;
  color: #1bda18;
  font-family: easvhs, 'Courier New', Courier, monospace;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 768px) {
  body {
    background-image: none;
  }
}

#container {
  margin: 70px 0 0 408px;
  padding: 30px;
  width: 800px;
  max-width: 80vw;
  /*background-color: rgba(0,0,0,0.6)*/
}
#auth {
  position: absolute;
  bottom: 10px;
  font-size: 10px;
}

h1 {
  font-weight: normal;
  font-size: 2.5em;
}

pre#content {
  white-space: pre-wrap;
}

button {
  border: 3px solid #1bda18;
  padding: 7px 15px;
  background: black;
  color: #1bda18;
  font-size: 1.2em;
  cursor: pointer;
}

form {
  margin-top: 10px;
}
.form-group {
  margin-bottom: 22px;
}

label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.2em;
  margin-right: 10px;
}

input[type="text"],
select,
input[type="submit"] {
  background-color: black;
  border: 3px solid #1bda18;
  padding: 15px;
  font-size: 1.5em;
  font-family: easvhs, 'Courier New', Courier, monospace;
  color: #1bda18;
  /*max-width: 500px;*/
  max-width: 80vw;
  margin-bottom: 10px;
  min-width: 100px;
  width: 250px;
}
input[type="text"] {

}
select {
  /**-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/


  font-size-adjust: 0.3;
}

input[type="submit"] {
  cursor: pointer;
}
input[type="submit"]:disabled {
    opacity: 0.4;
}

#result-display {
  font-size: 1.2em;
  margin-top: 20px;
}


@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade-out {
    animation: fadeOut 5s ease-in forwards; /* Animation lasts 5 seconds */
    animation-delay: 2s;
}

/* Select2
-------------------------------------------------------------------------------------*/
/* Select2 Container Styles */
.select2-container--default .select2-selection--single {
    background-color: black;
    border: 3px solid #1bda18;
    padding: 8px;
    font-size: 1.5em;
    font-family: easvhs, 'Courier New', Courier, monospace;
    color: #1bda18;
}

/* Dropdown List Styles */
.select2-dropdown {
    background-color: black;
    border-color: #1bda18;
}

/* Option Item Styles */
.select2-results__option {
    color: #1bda18;
    padding: 15px 10px;
    font-family: easvhs, 'Courier New', Courier, monospace;
    font-size: 1.5em;
}

/* Hover and Selected Option Styles */
.select2-results__option--highlighted {
    background-color: #1bda18;
    color: black;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1bda18;
    line-height: 1.5em;
}

/* Placeholder Color */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #1bda18;
}

/* Search Field Style */
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: black;
    color: #1bda18;
    border: 1px solid #1bda18;
}

.select2-container--default .select2-selection--single {
  background-color: black;
}
.select2-container .select2-selection--single {
  height: 54px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
 .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #1bda18;
    color: black;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 250px;
}

.select2-results__options::-webkit-scrollbar {
    width: 10px; /* Adjust the width of the scrollbar */
}

.select2-results__options::-webkit-scrollbar-track {
    background: black; /* Background of the scrollbar track */
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #1bda18; /* Color of the scrollbar thumb */
    border-radius: 5px; /* Rounded corners for the scrollbar thumb */
    border: 3px solid black; /* Creates a border around the scrollbar thumb */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #1bda18 transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
}

#signout_button {
  display: none !important;
}