html{
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px), #4E5332;
  background-size: 50px 50px;
  animation: moveGrid 1.8s linear infinite;
  text-align: center;
  color: #A8B073;
  font-family: ms ui gothic;
  font-size: 16px;
  padding: 20px;
  line-height: 17px;
  text-shadow: 0 0 3px
  }
  
::-webkit-scrollbar{background: #62683F; border-left: 2px solid #858B59; width: 6px; padding-left: 5px;}

::-webkit-scrollbar-thumb{background-image: url('https://snarlingteeth.neocities.org/assets/thumb.png'); background-size: 4px; background-repeat: no-repeat;}

@keyframes moveGrid {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 50px 50px; /* Move by one grid cell */
  }
}

body{
  width: 900px;
  margin: auto;
}

img{
  transition:1s ease;
  filter: sepia(100%) brightness(100%) saturate(150%) hue-rotate(30deg);
}

img:hover{
  transform:scale(1.05);
  transition:1s ease;
  overflow:hidden;
  filter: sepia(0%) brightness(100%) saturate(100%) hue-rotate(0deg);
}

hr{border: 1px solid #7F8654; margin-top: 13px; margin-bottom: 13px}

li::marker {
  color: #71784A;
}

li{list-style-type: square; margin-left: 17px;}

a, summary{text-decoration: underline; text-shadow: 0 0 3px; color: #A8B073; transition: .1s}

a:hover, summary:hover{color: #D3DBA1; text-shadow: 0 0 3px; transition: .1s}

.col{flex:0 0 auto;max-width:100%;width:auto}

.row{display:flex;flex-wrap:wrap;}


#s-m-t-tooltip{
max-width: 300px;
z-index: 999;
margin: 24px 14px 7px 12px;
padding:8px;
border-radius:3px;
background: radial-gradient(#292B1A 50%, #030304);
border:1px solid black;
color: #D3DBA1;
font-size:15px;
letter-spacing: 1px
}