a {
  text-decoration: none;
  color: #ff9900;
  transition-duration: 0.5s;
}

a:hover {
  transition-duration: 0.5s;
  background-color: #131524;
  color: #ff9900;
  letter-spacing: 0.9px;
 
}



 h1,
            h2,
            h3 {
                color: #ffffff;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                /* this styles bold text */
                color: #ebfE65;
            }


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

  
  select {
  
  border-radius: 2px;
  background-color: #031524;
  color: white;
  border: 1px dotted white;
  font-family: 'Nunito', sans-serif;
  height: 20px;
  width: 100px;
  
  
  }
  
  #themes {
  
  border-radius: 4px;
  
  
  }
  
  .link-vaild a { color: green; transition-duration: 0.6s; }
.link-invaild a { color: crimson; transition-duration: 0.6s; }

.link-vaild a:hover { color: lime; text-shadow: 2px 2px 20px lime;}
.link-invaild a:hover { color: red;  text-shadow: 2px 2px 20px red;}
  
  
.link-maybeinvaild a { color: gold; transition-duration: 0.6s; }
.link-maybeinvaild a:hover { color: yellow;  text-shadow: 2px 2px 20px goldenrod;}
  
   

        ::-webkit-scrollbar {
            width: 1px !important;
            transition-duration: 0.5s !important;
        }
        
        
    

        ::-webkit-scrollbar-track {
            background: transparent !important;
        }

       ::-webkit-scrollbar-thumb {
            background: magenta !important;
            border-radius: 5px;
             width: 5px !important;
transition-duration: 0.5s !important;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #FF00Fd !important;
            width: 10px !important;
            transition-duration: 0.5s !important;
        }

          ::-webkit-scrollbar-button {
            display: none !important;
        }
  






.message { background-color: black; border-radius: 8px 8px 8px 0px; height: 180px; width: 40% font-size: 9px; border: 5px solid black; }



hl {
  background: rgba( 255, 223, 0, 0.1) ;
}



	.e { background-color: rgba(255, 255, 225, 0.05); overflow-y: scroll; height: 200px; width: 200px; border-radius: 9px; }

 body {
  background-color: black;
  max-width: 100%;
  min-width: 0%;
  overflow: hidden;
  color: white;
}

	
			body:before {
        content: "";
        position: fixed;
        opacity: 1;
        left: 0;
        top: 0;
        width: 1000%;
        height: 1000%;
        background-size: 80px;
        pointer-events: none;
        z-index: 1000;
        background-image: url(https://dimden.dev/images/overlay.png);
        background-repeat: all;
        background-position: 0px 0px;
        animation-name: Static;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: steps(4);
        box-shadow: inset 0px 0px 10em rgb(0 0 0 / 40%);
    }
    
    
@keyframes Static {
    0% {
        background-position: 0px 0px;
    }
    100% {
        background-position: 0px -8px;
    }
}


      ::selection {
  color: magenta;
  background: #240320;
}
  
        html, body {
      
                font-family: 'Nunito', sans-serif;
                margin: 0;
                background-color: #000000;
            
                background-size: 65px;
                color: #fceaff;
                background-image: url('https://sadhost.neocities.org/images/tiles/anisnow.gif');
               }
  
  
            @font-face {
                font-family: 'Nunito';
                src: url('https://underwhite.neocities.org/fonts/thickPixels.otf');
            }

            @font-face {
                font-family: 'Nunito';
                src: url('https://underwhite.neocities.org/fonts/cat.ttf');
                font-weight: bold;
            }
   
            
                @font-face {
                font-family: 'me';
                src: url('https://underwhite.neocities.org/fonts/my.otf');
              
            }

            		#statuscafe, #statuscafe-username, #status-content { font-size: 4px }	
			
			#statuscafe {
    padding: .5em;
    background-color: #031524;
    border: 4px double #013245;
    border-radius: 1.5px;
    
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}
		
    </style>
<style>
.header { grid-area: header; width: 890px; height: 130px; overflow: hidden; }
.menu { grid-area: menu; width: 190px; overflow-y: auto; overflow-x: hidden; }
.main { grid-area: main; width: 890px; height: 300px; overflow: auto; }
.right { grid-area: right; width: 190px; overflow-y: auto; overflow-x: hidden;}


.grid-container {
  display: grid;
  grid-template-areas:
    'menu header header header header right'
    'menu main main main main right'
    'menu main main main main right'
    'menu main main main main right'
      'menu main main main main right'
    'menu main main main main right'
    'menu main main main main right';
   

  gap: 14px;
  background: linear-gradient(27deg, rgba(19,11,116,0.2) 0%, rgba(19,11,116,0) 90%);
  box-shadow: 1px 1px 100px 2px linear-gradient(27deg, rgba(255,255,255,0.5537388050923495) 0%, rgba(19,11,116,0.1559797014508929) 0%);
  padding: 9px;
  width: 150px;
  height: 422px;
}

    @media (min-width: 900px) {
  .grid-container > div { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}



.grid-container > div {
  background-color: #2b1a02;
text-align: center;
  padding: 20px 0;
  z-index: 3;
  font-size: 10px;
  border-radius: 2px;
  box-shadow: 10px 1px 4px #020f1a;
  border: 4px ridge orange;
  
}

.sticky {
  
  background-color: black;
  width: 190px;
  height: 100px;
  font-family: 'me';
  top: 60px;
  overflow: auto;
  transition-duration: 1s;
  border-radius: 5px;
  color: white;
  margin: -2px;
  text-align: center;
  font-size: 12px;
  border: 1px double black;
  
}




.sticky:hover {
  transition-duration: 1s;
  transform: rotate(-10deg);
  box-shadow: 1px 1px 39px 1px white;
  border: 1px double white;
  text-shadow: 3px grey;
}

.sticky a {
  transition-duration: 1s;
  color: black;
  text-decoration: none;
}

.sticky a:hover {
  transition-duration: 1s;
  color: grey;
  text-decoration: none;
}

.header { grid-area: header; width: 890px; height: 130px; overflow: hidden; transition-duration: 0.2s;}

.link-vaild:hover:before { content: '> '; color: lime; transition-duration: 0.2s;}
.link-vaild:hover:after { content: ' <'; color: lime; transition-duration: 0.2s;}


.link-invaild:hover:before { content: '> '; color: red; transition-duration: 0.2s;}
.link-invaild:hover:after { content: ' <'; color: red; transition-duration: 0.2s;}

.link-vaild::before { content: '> '; color: transparent; transition-duration: 1s; }
.link-vaild::after { content: ' <'; color: transparent; transition-duration: 1s; }


.link-invaild::before { content: '> '; color: transparent; transition-duration: 1s; }
.link-invaild::after { content: ' <'; color: transparent; transition-duration: 1s; }

.link-vaild:hover:before { content: '> '; color: lime; transition-duration: 0.2s;}
.link-vaild:hover:after { content: ' <'; color: lime; transition-duration: 0.2s;}


.link-maybeinvaild:hover:before { content: '> '; color: yellow; transition-duration: 0.2s;}
.link-maybeinvaild:hover:after { content: ' <'; color: yellow; transition-duration: 0.2s;}

.link-vaild::before { content: '> '; color: transparent; transition-duration: 1s; }
.link-vaild::after { content: ' <'; color: transparent; transition-duration: 1s; }


.link-maybeinvaild::before { content: '> '; color: transparent; transition-duration: 1s; }
.link-maybeinvaild::after { content: ' <'; color: transparent; transition-duration: 1s; }


.squish2:hover { animation: new 4s ease infinite; }
.squish3:hover { animation: squs 4s infinite; }

@keyframes squish {
from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

@keyframes squs {
from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

@keyframes new {
  0% {
    background-position: 0% 0%;
    transform: SkewY(0.5deg);
  }
  
  50% { transform: SkewY(-0.5deg); }
  
  100% {
    background-position: 100% 100%;
    transform: SkewY(0.5deg);
  }
}

 @keyframes flicker { 0% { opacity: 0.63 }; 1% { opacity: 0.46 }; 2% { opacity: 0.95 }; 3% { opacity: 0.37 }; 4% { opacity: 0.78 }; 5% { opacity: 0.41 }; 6% { opacity: 1.14 }; 7% { opacity: 0.9 }; 8% { opacity: 0.43 }; 9% { opacity: 1.17 }; 10% { opacity: 0.48 }; 11% { opacity: 0.94 }; 12% { opacity: 0.91 }; 13% { opacity: 0.92 }; 14% { opacity: 0.86 }; 15% { opacity: 0.73 }; 16% { opacity: 0.76 }; 17% { opacity: 1.04 }; 18% { opacity: 0.42 }; 19% { opacity: 0.99 }; 20% { opacity: 0.53 }; 21% { opacity: 0.76 }; 22% { opacity: 1.12 }; 23% { opacity: 1.22 }; 24% { opacity: 0.79 }; 25% { opacity: 0.36 }; 26% { opacity: 0.8 }; 27% { opacity: 0.57 }; 28% { opacity: 1.28 }; 29% { opacity: 1.05 }; 30% { opacity: 0.38 }; 31% { opacity: 0.85 }; 32% { opacity: 1.23 }; 33% { opacity: 1.07 }; 34% { opacity: 0.41 }; 35% { opacity: 0.64 }; 36% { opacity: 0.4 }; 37% { opacity: 0.63 }; 38% { opacity: 0.97 }; 39% { opacity: 1.03 }; 40% { opacity: 0.84 }; 41% { opacity: 1.34 }; 42% { opacity: 0.78 }; 43% { opacity: 0.69 }; 44% { opacity: 1.17 }; 45% { opacity: 0.64 }; 46% { opacity: 1.04 }; 47% { opacity: 1.02 }; 48% { opacity: 0.65 }; 49% { opacity: undefined }; 50% { opacity: 1 }; 
        }
  
  50% { transform: SkewY(-0.5deg); }
  
  100% {
    background-position: 100% 100%;
    transform: SkewY(0.5deg);
  }
}


#s-m-t-tooltip {
  max-width:200px;
  padding:3px 5px;
  margin:5px 0px 0px 5px;
  background-color: rgba(0, 0, 0, 0.2);
  font-family: helvetica, sans-serif;
  font-size:8px;
  font-weight:light;
  letter-spacing:+1px;
  text-align: justify;
  color:white;
  z-index:999999999999999999;
  -moz-box-shadow: 2px 2px 40px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.1);
}

#n:hover {
  background: rgba(255, 255, 255, 0.03);