@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:#690000;;
        }
        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;
        }

        body{
        background-color: black;
        background-repeat: repeat;
        background: url('https://files.catbox.moe/4ret5o.png') repeat;
        overflow-x: hidden;
        font-family: body;
        font-size: 15px;
        text-align: center;
        }

.galleryitems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 5px;
    gap: 10px;
}

* {
    cursor:  url(https://cur.cursors-4u.net/others/oth-9/oth829.ani),
          url(https://cur.cursors-4u.net/others/oth-9/oth829.png),
      auto;}

      .marquee {
      overflow: hidden;
      white-space: nowrap;
      flex: 1;
      }
      .marquee span {
       display: inline-block;
       padding-left: 100%;
       animation: scroll-text 10s linear infinite;
       }

@keyframes scroll-text {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
        ::-webkit-scrollbar{
        width:0px;
        background: transparent;
        }
        .title{
        background-image: url('https://files.catbox.moe/pe1xsv.gif');
        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:500px;
        }
        .left{
        height: 700px;
        max-width:200px;
        grid-column: 1;
        grid-row:1;
        overflow-y: auto;
        overflow-x:hidden;
        }
        .right{
        height: 700px;
        max-width:200px;
        grid-column: 3;
        grid-row:1;
        overflow-x:hidden;
        } 
        @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%}
        }