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;
}

.one{
   display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
width:465px;
height:480px;
background-color:#D3CDB0;
box-shadow: #D3CDB0 0 0 2px 5px, #000000 0 0 4px 1px;
z-index:1;
margin: auto;
margin-top: 100px;
  }

.top{
  width:465px;
  height:120px;  
display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;

  }  
  
  .bottom{
  width:465px;
  height:325px;

  } 
  

    
    .bannerarea{
  width:463px;
  height:115px;  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top:5px;

      }

.banner{
    width:380px;
  height:115px;  
  text-align:center;
box-shadow: inset #D3CDB0 0 0 8px 2px;
margin-right:5px;
      background-image:url(https://files.catbox.moe/d8143g.jpg);
background-size:375px 185px;
background-position:center;
            font-family:DigitalDisco;

  }
  
  .img1{
    width:130px;
  height:115px;  
box-shadow: inset #D3CDB0 0 0 8px 2px;
background-image:url(https://files.catbox.moe/d605xy.jpg);
background-size:150px 150px;
background-position:center;
  }
  
  .title{
 background: linear-gradient(to top, #000 2%, #395614 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    margin-top:30px;
      font-size:45px;

    }
    
    .text{
      padding-left:5px;
     width:459px;
  height:330px;
      text-align:center;
background-image:url(https://files.catbox.moe/3d1qdj.gif);
       background-size:235px 330px;
font-family:ProggyClean;
font-size:20px;

      }
    
    .div{
      background-image:url(https://files.catbox.moe/tvssk7.gif);
      background-size:463px 25px;
      width:463px;
      height:25px;
      }
      
      .hoverimg{
        z-index:2;
          position: absolute;
height:200px;
width:230px;
left: 700px;
  top: 430px;

        }
    
    .two{
      width:250px;
      height:400px;
      display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
z-index:1;
          position: absolute;
left: 930px;
  top: 100px;
  background-color:#D3CDB0;
box-shadow: #D3CDB0 0 0 2px 5px, #000000 0 0 4px 1px;
      }
    
    .webrings{
      width:250px;
      height:280px;
      margin-bottom: 5px;

      order: 2;
      }
      
          .webringstitle{
            font-family:DigitalDisco;

       width:250px;
height: 30px;
font-size:25px;
      text-align: center;
 background: linear-gradient(to top, #000 2%, #395614 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

 .webringstext{
       width:250px;
             height:240px;
overflow-y:auto;
   align-items:center;
 }
 
 .bleh{
   margin-left: 30px;
   
   
 }

    .updates{
      
       width:250px;
      height:85px;
      margin-bottom: 5px;
order: 1;
            display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
    }
    
    .updatestitle{
            font-family:DigitalDisco;
       width:250px;
height: 30px;
font-size:25px;
      text-align: center;
 background: linear-gradient(to top, #000 2%, #395614 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
        .updatestext{
       width:250px;
height: 55px;
padding-left: 3px;
overflow-y:auto;
          font-family:ProggyClean;
}
  
  .buttons{
       width:250px;
order: 3;
height: 32px;

  }
  

  
   ::-webkit-scrollbar {
   width:2px; 
   height:2px;
}

::-webkit-scrollbar-track {
  background: transparent; 
}
    
.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);
{