@font-face {
  font-family: 'Ubuntu Mono';
  font-weight: normal;
  font-style: normal;
  src: url("/static/fonts/UbuntuMono/regular.woff2");
}

@keyframes blinking_caret {
  0% {
    opacity: 100%;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

* {/* font-family: "Ubuntu Mono", monospace; */}

:root {
  --active-color: #b787e7;
  --ilya: #bbffbb;
  --pavatar-width: 64px;
  --pavatar-height: 64px;
}

html {
  background-color: #000000;
}

.urgent {
  color: firebrick;
  text-align: center;
}

body {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.01rem;
  color: #cccccc;
  font-family: "Ubuntu Mono", monospace;
  margin-top: 30px;
  background-color: black;
  border: gray 2px solid;
}

.brief_about h3 {
  color: gray;
  margin-bottom: -10px;
}

.gray {
  color: #777777;
}

div.block {
  border-top: grey solid 2px;
  /*margin-top: 10px;*/
  padding: 10px 10px 10px 10px;
  background-color: black;
}

div.request {
  background-color: #121212;
  color: white;
  font-size: 1.03rem;
  padding: 5px 10px 5px 10px;
}

div#footer {
  text-align: center;
  padding: 10px;
  border-top: 1px solid #777777;
}

a, a:visited, a:link {
  color: var(--active-color);
  background-color: transparent;
  padding: 1px 2px 1px 2px;
  text-decoration: none;
  transition-duration: 0.1s;
}

a:hover {
  color: black;
  background-color: var(--active-color);
  transition-duration: .1s;
}

.ilyamikcoder, .ilyamikcoder:visited {
  color: var(--ilya);
  background-color: #040404;
  padding: 1px 2px 1px 2px;
  text-decoration: none;
  transition-duration: 0.1s;
}

.ilyamikcoder:hover {
  color: black;
  background-color: var(--ilya);
  transition-duration: .1s;
}

.ul_inactive a:hover {
  background-color: #ffea83;
  color: black;
}

li a:hover {
  padding: 1px 20px 1px 20px;
  transition-duration: .1s;
}

a.shadow, a.shadow:visited {
  color: #444444;
  background-color: #040404;
  text-decoration: none;
}

hr {
  border: none;
  border-bottom: gray 2px solid;
}

li {
  margin-bottom: 4px;
  color: #cccccc;
}

.map li {
  color: #666666;
}

th {
  background-color: #cccccc;
  color: #040404;
}

th, td {
  border: 1px solid #ffffff;
  padding: 5px;
}

.avatar {
  width: 128px;
  padding: 10px;
}


.pan_p {color: #ff89c1;
}
.pan_a, .ul_inactive a {color: #ffea83;
}
.pan_n {color: #84d3ff;
}

.command {
  opacity: 70%;
  background-color: #333333;
  padding: 6px 6px 6px 12px;
}

.command .nn_prompt {
  color: white;
}

.command .nn_user, .command .nn_domain {color: var(--active-color)}


.delta {
  position: fixed;
  right: 50px;
  bottom: 0;
  width: 300px;
  opacity: 100%;
  z-index: -1;
  transition: .1s;
}

.delta:hover {
  bottom: -10px;
}

.blinking {
  animation: blinking_caret 1s infinite step-end;
}

.bordered {
  border: gray 2px solid;
  padding: 10px 20px 5px 20px;
  height: 100%;
  background-color: black;
  box-shadow: #000000f0 0px 10px 50px;
}

NAV {
 border-right: gray solid 2px;
 width: 300px;
 margin: 0px;
}

NAV input {
 border: gray dotted 2px;
 background-color: black;
 color: white;
 padding: 5px;
}

NAV select {
 border: gray dotted 2px;
 background-color: gray;
 color: white;
}


HEADER ul#subnavbar {
 background-color: black;
 border-bottom: gray solid 2px;
}

HEADER ul#navbar {
 font-weight: 900;
 border-top: gray solid 2px;
 border-bottom	: gray solid 2px;
}

footer {
 border-top: gray solid 2px;
 padding: 15px;
}

table {
border-color: transparte
}

div#paginator {
 border-top: gray solid 2px;
}

.withleft {
margin-left: 0px;
}


BODY.layout-grid {
    display: grid;
    grid-template-columns: 25.5rem auto;
    grid-gap: 0 0rem;
}

.autocomplete_completions {
background-color: black;
}

th, td {
 border: none;
 }
 
tr a {
font-weight: 900;
}

#comment-list-image h3 {
    font-size: 3rem;
}

HEADER #site-title {
    margin: 10px;
    }
    
HEADER #site-title IMG {
    width: 32px;
}


div#front-page h1 {
 margin-top: 1em;
}

#front-page {
 margin-bottom: 1em;
}

.layout-front-page {
 border: none;
}

.bbcode BLOCKQUOTE {
    background: #202020;
}

TABLE.form.image_info {
width: 900px;
}


#Statsmain .avatar-container, .avatar-editor .avatar-container {
width: 64px;
height: 64px;
}