@keyframes cursor {
    50% {
      opacity: 10%;
    }
  }

  .cursor {
    animation: cursor 1s linear infinite;
  }
  .cd-crit {
    color: orange;
  }

  a:hover {
    opacity: 0.5;
    text-decoration: none;
    color: unset;
  }

 body {
    background-color: black;
    background-image: radial-gradient(rgba(49, 49, 49, 0.75), black 120%);
    height: 100vh;
    width: 100vw;
    margin: 0;
    overflow: hidden;
    padding: 2rem;
    color: cyan;
    font: 1.3rem Inconsolata, monospace;
    text-shadow: 0 0 5px #C8C8C8;
    border-radius: 5px;
  }
  body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px);
    pointer-events: none;
  }
  
::selection {
    background: #0080FF;
    text-shadow: none;
  }
  
  pre {
    margin: 0;
  }

  .term-success {
      color: greenyellow;
  }
  #termInputField, #authInputField {
      background: none;
      border: none;
      color: cyan;
      font: 1.3rem Inconsolata, monospace;
      text-shadow: 0 0 5px #C8C8C8;
      padding-left: 5px;
      width: calc(100% - 30px);
      overflow-x: hidden;
  }
  #termInputField:focus, #authInputField:focus{
      outline: none;
  }

  #avaliLogoBg {
      opacity: 0.03;
      position: absolute;
      top: 50%;
      left: 50%;
        transform: translate(-50%, -50%);
      height: auto;
      width: 35vw;
  }
@keyframes warn {
    0% {
        color: orange !important;
    }
    50% {
        color: red !important;
    }
    100% {
        color: orange !important;
    }
}
.cd-warn, .warning {
    animation: warn 1s linear infinite !important;
} 

.term-err {
  color: red;
}
.discord {
  color: #5865F2 !important;
}

.disclaimer {
    font-size: 10px;
    color: #9f9f9f;
    text-shadow: none;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
    margin-top: 10px;
}