html{
  background-image:url(https://files.catbox.moe/3ip4kv.jpg);
background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
    background-size: cover;

  }
  
  
     @font-face{
font-family:ProggyClean;
 src: url(https://dl.dropboxusercontent.com/scl/fi/b5ivz5o5xcbyewccd4ovl/ProggyClean.ttf?rlkey=geakoz2xstr5qwmmzazfmmyk0&st=bymeuhtv&dl=0);}

    @font-face{
font-family:DigitalDisco;
 src: url(https://dl.dropboxusercontent.com/scl/fi/32bug6aza5t7vr6tu0vir/DigitalDisco.ttf?rlkey=nuwqwr165q91acvvsw34j60ko&st=8d40w5c0&dl=0);}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi268.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi268.gif), auto !important;} /* End https://www.cursors-4u.com */

a{
  cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi272.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi272.gif), auto !important;
}

   ::-webkit-scrollbar {
width: 14px
}

::-webkit-scrollbar:horizontal {
height: 14px
}

::-webkit-scrollbar-corner {
background: #eee

}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
border-radius: 5px; 
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
border-radius: 5px; 
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 5px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
}

::-webkit-scrollbar-thumb:vertical {
background: linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
}

::-webkit-scrollbar-thumb:horizontal {
background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
}

body{
  margin:0;
  padding: 7px;
}

.container{
  height:750px;
    width:650px;
background-color:#D3CDB0;
box-shadow: #D3CDB0 0 0 2px 5px, #000000 0 0 4px 1px;
 display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
z-index:1;

  }
  
  
  .top{
        width:650px;
height:140px;
order: 1;

  }
  
  .insettop{
        width:650px;
height:143px ;
z-index:3;
          position: absolute;    
        box-shadow: inset #D3CDB0 0 0 8px 2px;

  }

  .banner{
    width:650px;
      height:125px;
background-image: url(https://files.catbox.moe/15nhsl.gif);
background-size: 650px 205px;
background-position: center right; 
background-repeat: no-repeat;

  }
  
    .bannertxt{
      font-family:DigitalDisco;
   background: linear-gradient(to top, #000 2%, #395614 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        left: 30px;
              top: 30px;
              font-size: 50px;
                        position: absolute;    
z-index:2;
      animation: jerky 0.5s infinite;
    -webkit-text-stroke: 1px white;

    }

 @keyframes jerky {
      0% {
        transform: rotate(2deg);
      }

      50% {
        transform: rotate(2deg);
      }

      51% {
        transform: rotate(-2deg);
      }

      100% {
        transform: rotate(-2deg);
      }
    }

  
  
   .marquee{
     width:650px;
height: 15px;
background: #4b6b21;
background: linear-gradient(180deg, rgba(75, 107, 33, 1) 0%, rgba(57, 86, 20, 1) 70%, rgba(34, 54, 9, 0.99) 100%); 
font-family:ProggyClean;
padding-top: 2px;

     }

.bottom{
  order: 2;
    width:650px;
    height:605px;
display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 5px;
}

  .insetbtm{
        width:650px;
height:605px ;
z-index:2;
          position: absolute;    
        box-shadow: inset #D3CDB0 0 0 8px 2px;
top: 152px;
  }

.left{
   order: 1;
    width:150px;
    height:605px;
margin-right: 5px;

  
}

.nav{
        width:150px;
height:220px;

  font-family:ProggyClean;

}

.navtitletop{
         width:145px;
height:26px;
font-size:25px;
padding-left: 5px; 
  padding-top: 3px; 
font-family:DigitalDisco;
margin-bottom: 2px;
   background: linear-gradient(to top, #000 2%, #395614 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.navtitle{
      width:145px;
    border:1px black solid;
height:16px;
 padding-left: 5px; 
  padding-top: 3px; 
font-size:20px;
  background: #4B6B21;
background: linear-gradient(180deg, rgba(75, 107, 33, 1) 0%, rgba(107, 150, 51, 1) 21%, rgba(57, 86, 20, 1) 70%, rgba(34, 54, 9, 1) 100%);

}


.navlinks{
       width:148px;
  height:50px;
 padding-left: 2px; 
  padding-top: 2px; 
font-size:17px;
}

.navlinks li{
    list-style-type:none;
list-style-position: inside;
  
}

.navlinks li:hover{
  list-style-image:url(https://file.garden/Z_1Cl0uHMU6NxjhY/arrowlist.webp);
list-style-position: inside;

}

.right{
   order: 1;
    width:487px;
    height:600px;
display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
      border:2px #A6A28A inset;
background-color: white;
padding-top: 5px;
padding-left: 5px;

}

.righttop{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;

  
}

.midtop{
    border:1px black solid;
   order: 1;
    width:350px;
    height:310px;

  
  
}

.rigtop{
    border:1px blue solid;
   order: 2;
    width:125px;
    height:310px;
margin-left: 5px;

  
  
}

.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 300;
opacity: 0.05;
}
 
.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}
 
@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}}

@media only screen and (max-width: 600px);