/* Core Stuff */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 1rem;
    line-height: 1.47;
}

/* Utility Classes */
.left {
    float: left;
    }

.right {
    float: right
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.clearfix {
   overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Content Styling */ 

@font-face {font-family: "jetbrains";font-weight: 300;src: url('/user/themes/tg626-terminal/fonts/JetBrainsMono-Light.woff2') format("woff2");}
@font-face {font-family: "jetbrains";font-weight: 600;src: url('/user/themes/tg626-terminal/fonts/JetBrainsMono-Bold.woff2') format("woff2");}

html {
   font-family: jetbrains, "Terminal";
   background-color: black;
   background-image: radial-gradient(rgba(255,150,0,0.25), black 120%);
   background-attachment: fixed;
   color: #fb0;
}

body {
   margin: 2% 3%;
}

body::after {
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-image: repeating-linear-gradient(0deg, rgba(0,0,0, 0.15), rgba(0,0,0,0.15) 1px, transparent 2px, transparent 3px);
   pointer-events: none;
}

#body {
   clear: both;
}

h2::after, h3::after, h4::after, h5::after, h6::after {
   content:">";
}

ul {
   list-style-type: none;
}

hr {
   border-color: #fb0;
}

a {
   color: #fb0;
   font-weight: bold;
   text-decoration: none;
}

a::before {
   content: "[";
}

a::after {
   content: "]";
}

a.logo::before {
   content: none;
}

a.logo::after {
   content: none;
}

.selected a::before {
   content: "\003c";
}

.selected a::after {
   content: "\003e";
}

a:hover {
   background-color: #fb0;
   color: #311;
}

.header a:hover {
   background-color: #311;
   color: #fb0;
}

.wrapper p{
   margin: 0 1rem;
}

blockquote {
    display: block;
    margin-block-start: 0;
    margin-block-end: 1.47rem;
    margin-inline-start: 2.5rem;
    margin-inline-end: 2.5rem;
}

.wrapper blockquote p {
   margin: 0 0;
}

.footer {
   border-top: solid 1px #fb0;
   margin-top: 1.5rem;
}

img[title="ID"] {
   filter: sepia() hue-rotate(-23deg) saturate(200%) brightness(80%) contrast(120%);
   mix-blend-mode: difference;
}

/* Menu Settings */

.header {
   background-color: #fb0;
   border: #fb0 1px solid;
}

.header h1 {
   margin: 0;
}

.header a {
   float: left;
   text-align: center;
   color: #311;
}

.description {
   display: none;
}

.main-nav {
   float: right;
}

.main-nav li {
   display: inline;
}

.main-nav ul {
    margin: 0;
    padding: 0;
}

.page-title {
   color: #311;
   clear: both;
}

.notices.yellow {
   border-left: 10px solid #f0ad4e;
   border-top: 1px solid;
   border-bottom: 1px solid;
   border-right: 10px solid;
   background: transparent!important;
   color: #df8a13;
}

/* Footer */

.footer {
   background-color: #fb0;
   color: #311;
   border: #fb0 1px solid;
}

.footer a {
   color: #311;
}

.footer a:hover {
   background-color: #311;
   color: #fb0;
}

@media screen and (max-width: 500px) {
  .header a {
    display: block;
    text-align: left;
  }
  
  .main-nav li {
     display: list-item;
  }
}