@font-face{
  font-family:'VictorMono-Light';
  src: url('VictorMono-Light.ttf') format('opentype');
}

h1 {
  font-variant-caps: small-caps;
  font-size: 1.4em;
}

ip {
  font-size: 0.95em;
}

input:focus {
  color: lime;
}

descr {
  font-family: Arial;
  font-size: 0.95em;
  color: #555;
  font-style: italic;
}

lime {
  color: lime;
}

green {
  color: #383;
}

white {
  color: white;
}

h3 {
  color:  grey;
  filter: drop-shadow(0px 0px 2px black);
}

table {
  border: 0;
}
 
.c:nth-child(even) {
  background-color: #242424;
}
  
.c:nth-child(odd) {
  background-color: #191919;
}

td {
  padding: 4px 10px 4px;
}

body {
  background-color: #222;
}

a:hover {
  color: lime;
  /* background-color: #040; */
  filter:  drop-shadow(0px 0px 6px lime);
}

* {
  color: #aeaeae;
  font-family: VictorMono-Light;
}

.none {
  text-decoration: none;
  color: lightgreen;
}

.hr_green {
  border: 0;
  height: 1px;
  background-image:  linear-gradient(to right, rgba(0, 32, 0, 1), rgba(0, 128, 0, 1), rgba(0, 255, 0, 1), rgba(0, 128, 0, 1), rgba(0, 32, 0, 1));
}

.autohide {
  visibility: visible;
}

.autoshow {
  visibility: hidden;
  position: relative;
  top: -100px;
}

@media only screen
  and ( max-width: 1280px) {
    .autohide {
      visibility: hidden;
    }

    .autoshow {
      visibility: visible;
    }
}