@font-face {
            font-family: body;
            src: url('https://files.catbox.moe/bwxohl.ttf');
        }
        @font-face {
            font-family: bold;
            src: url('https://files.catbox.moe/riw0ls.ttf');
        }
        a{
        color:#696969;;
        }
        a:hover{
        color:#a80000;
            cursor:url(https://cur.cursors-4u.net/others/oth-9/oth827.ani),
          url(https://cur.cursors-4u.net/others/oth-9/oth827.png),
          pointer;
        }

        p {
        margin: 0.5em 0;
        }

        body{
        background-color: black;
        background-repeat: repeat-x;
        background-position: bottom;
        background-image: url('https://files.catbox.moe/hxi8ny.gif');
        overflow-x: hidden;
        font-family: body;
        font-size: 15px;
        text-align: center;
        min-height: 100vh;
        background-attachment: fixed;
        }

* {
    cursor:  url(https://cur.cursors-4u.net/games/gam-4/gam353.cur)
    , auto !important;}
    
      .marquee {
      overflow: hidden;
      white-space: nowrap;
      flex: 1;
      }
      .marquee span {
       display: inline-block;
       padding-left: 100%;
       animation: scroll-text 10s linear infinite;
       }

/* SCROLL BAR */

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #333333;
  box-shadow:
    inset 1px 1px #555555,
    inset -1px -1px #111111;
  border: 1px solid;
  border-color: #555555 #111111 #111111 #555555;
}
::-webkit-scrollbar-button {
  background: #8b0000; 
  box-shadow:
    inset 1px 1px #d06060,
    inset -1px -1px #3a0000;
  border: 1px solid;
  border-color: #b03030 #000 #000 #b03030;
}

::-webkit-scrollbar-track {
  image-rendering: pixelated;
  background-color: #1a1a1a;
  background-repeat: repeat;
  background-size: 2px;
}

::-webkit-scrollbar-button {
  background-color: #333333;
  box-shadow:
    inset 1px 1px #555555,
    inset -1px -1px #111111;
  border: 1px solid;
  border-color: #555555 #111111 #111111 #555555;
  background-repeat: no-repeat;
  background-size: 16px;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");
}

::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");
}

::-webkit-scrollbar-corner {
  background: #333333;
}

/* end of scroll bar */
        
        .title{
        background-image: url('https://files.catbox.moe/pe1xsv.gif');
        border-bottom: 2px solid #363636;
        height:fit-content;
        width:100%;
        margin-top:0;
        padding:5px;
        font-size: 40px;
        box-sizing: border-box;
        font-family: bold;
        color:white;            
        text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
        }
        .titletext{
        height:fit-content;
        width:100%;
        margin-top:0;
        padding:5px;
        font-size: 30px;
        box-sizing: border-box;
        font-family: bold;
        color:white;            
        text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
        }

        .content{
        background-color: #000;
        width: 100%;
        height: 100%;
        }
        .main{
        max-width: 1000px;
        height: fit-content;
        margin:auto;
        position:relative;
        background-color: #000;
        padding-left: 20px;
        padding-right: 20px;
        }
        .grid{
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 1fr;
        width: 100%;
        
        gap:10px;
        background-color: #000;
        }
        .center{
        min-height: 700px;
        width:100%;
        grid-column: 2;
        grid-row:1;
        
        }
        .centerbox{
        width:100%; 
        background-color: black;
        height:fit-content;
        }
        @media only screen and (max-width: 900px) {
        .left {grid-area: 2 / span 3; min-height: 300px; max-height:none;min-width:100%;}
        .center {grid-area: 1 / span 3;}
        .right {grid-area: 3/ span 3;min-height: 300px;min-width:100%}
        }