body *::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background: none;
  }
  
  body *::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-button {
    width: 16px;
    height: 16px;
    background: silver;
    box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
    border: 1px solid;
    border-color: silver #000 #000 silver;
  }
  
  body *::-webkit-scrollbar-track {
    image-rendering: optimizeSpeed;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 2px;
  }
  
  body *::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    background-size: 16px;
  }
  
  body *::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");
  }
  
  body *::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");
  }
  
  body *::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");
  }
  
  body *::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");
  }
  
  body *::-webkit-scrollbar-corner {
    background: silver;
  }
  
  /* dakedres was here ;3 */

html, body {
    height: 100vh;
}

body {
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%), url('bg.png');
    color: #000000;
    font-size: 15px;
    word-break: break-word;
    background-attachment: fixed;
    font-family: arial;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

hr {
    color: 1px double silver;
}

a {
    color: rgb(0, 245, 143);
    transition: 0.1s;
    text-decoration: none;
}

a:hover {
    color: white;
}

li {
    list-style: none;
    margin-bottom: 3px;
}

li a:hover {
    padding-left: 3px;
}

.hm {
    padding-left:10px;
}

b {
    font-family: "Barriecito"; 
    font-weight:bold;
}

i {
    font-family: "Charm";
    font-weight: bold;
  }

u {
  font-family: "Mansalva", sans-serif;
}

.title {
    padding-left: 15px;
    font-size: 3.5em;
    font-weight: bold;
    font-family: "UnifrakturMaguntia";
    color:black;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 0 0, 0 0 10px rgb(0, 0, 0);
    float:left;
    margin-top: 2%;
}

.holding {
    margin: 0 auto 0 auto;
    width: 805px;
    border-left: 10px solid;
    border-right: 10px solid;
    border-image: url("https://dl.dropbox.com/scl/fi/6wo0voidugxmgg0a81v20/lace-border-png-37013.png?rlkey=3hn4k762e8y0v6d2v6mwrtcbr&st=5o8bpex4") 60 fill round;        
    z-index:99;
}

.mainframe {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto 0 auto;
    width: 800px;
    overflow: none;
    border-left: 3px double black;
    border-right: 3px double black;
    margin-top: -17px;
    min-height: 100%;
    z-index:999;
    background-color: rgb(255, 255, 255);
}

.topper {
    height:20px;
    flex: 1 1 100%;
    background-image: url(image03333.gif);
    background: black;
}

.announce {
    width: 100%;
    position: static;
    color: #000000;
    font-weight: bold;
}

.header {
    flex: .8;
    background-image: url(header.png);
    background-size: cover;
    background-position: 50% 50%;
    height:250px;
    border-bottom: 1px solid black;
}

.sidebarl {
    flex: .2;
    background: black;
}

.sidebarr {
    margin-top: -10px;
    flex: .2;
    background: rgb(255, 255, 255);
    background-image: url(ame.gif);
    background-position: 55% 95%;
    background-repeat: no-repeat;
}

.sidebarr img {
    border: 2px inset silver;
    width: 75%;
}

.titler {
    border: 2px inset silver;
    background-color: silver;
    width: 78%;
    text-align:left;
}

.boxer {
    width: 74%;
    background:rgb(0, 0, 0);
    color: white;
    padding:5px;
    overflow:auto;
    text-align:left;
    max-height: 230px;
    font-size:13px;
}

.middler {
    flex: .8;
    height:0px;
    background:black;
}

.navsplit {
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 83%;
    text-align:center;
    font-weight: bold;
    font-size:13px;
    text-transform: uppercase;
    padding-top: 2px;
    border-top: 2px inset silver;
    border-bottom: 2px inset silver;
    border-right: 2px inset silver;
}

.talky {
    margin-top: -19px;
    margin-left: 5px;
    flex: .6;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    overflow: auto;
    height: 640px;
}

.footer {
    height:22px;
    flex: 1 1 100%;
    background: black;
    color: white;
    padding-right:18px;
    font-size:10px;
    text-align:right;
}

.break {
    width: 100%;
}

.heading {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    font-size: 2em;
    font-family: "UnifrakturMaguntia";
    color: white;
    width:80%;
    padding:10px;
    margin-bottom:10px;
    height: 25px;
    border-radius:10px;
}

@media (max-width: 900px) {
    .mainframe {
        flex-direction: column;
        width: 77%;
    }
}

/* Marquee Begin */

@keyframes scroll-l2r {
    
    from {
      transform: translateX(0);
    }
  
    to {
      transform: translateX(-100%);
    }
  }
  
  .scroll-l2r {
    animation: scroll-l2r 30s linear infinite;
  }

  .marquee {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
  }
  
  .marquee-items {
    display: flex;
    flex-shrink: 0;
    height: inherit;
    min-width: 100%;
    position: relative;
    margin-top:184px;
    background:white;
    height:30px;
  }
  
  .marquee-items a {
    margin: 0;
    height: 31px;
  }

/* Marquee End */

ul.tree, ul.tree ul {
    list-style: none;
     margin-left: -20px;
     padding: 0;
     font-size: 12px;
   } 
   ul.tree ul {
     margin-left: 10px;
   }
   ul.tree li {
     margin: 0;
     padding: 0 7px;
     line-height: 20px;
     color: #369;
     font-weight: bold;
     border-left:1px solid rgb(100,100,100);

   }
   ul.tree li:last-child {
       border-left:none;
   }
   ul.tree li:before {
      position:relative;
      top:-0.3em;
      height:1em;
      width:12px;
      color:white;
      border-bottom:1px solid rgb(100,100,100);
      content:"";
      display:inline-block;
      left:-7px;
   }
   ul.tree li:last-child:before {
      border-left:1px solid rgb(100,100,100);   
   }

/* Status Cafe Begin */

#statuscafe {
    overflow:auto;
    text-align:left;
    max-height: 100px;
}

#statuscafe-username {
  font-weight:bold;
  text-transform: uppercase;
  text-shadow: 0 0 5px #20bd74; 
}

/* Status Cafe End */

/* Table Start */

table {
  width: 100%;
}

.q100 {
border-width:1px;
border-style:solid;
border-color:#fff #5c5c5c #5c5c5c #fff;
background:#bdbdbd;
font-size:10pt;
}

.q1002 {
border-width:1px;
border-style:solid;
border-color:#fff #ccc #ccc #fff;
background:#fff;
vertical-align:top;
font-size:10pt;
}


/* Table End */