@font-face {
src: url(https://file.garden/Z9M35oTzwUunBKQE/Grenouille.ttf);
font-family: wiener;
}
 
* {
    font-family: wiener;
  letter-spacing: 2px;
}

a {
  color: #f7eccb !important;
}


.scrollbox {
 box-shadow: 0px 0px 10px 10px rgba(247, 245, 236, .90);
  padding: 5px; !important;
  margin: 0 auto;
  margin-right: 50px;
    width: 225px;
  height: 130px;
  float: right;
  font-weight: bold;
    font-size: 17px !important;
   -webkit-text-stroke: 3px #d9cec3;
  paint-order: stroke fill;
  color: #3d2817 !important;
  z-index: 2;
  background: rgba(247, 245, 236, .90);
    overflow: scroll;
  overflow-x: hidden;
  position: absolute;
 bottom: 25px;
  right :20px;
animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, -8px); }
    100%   { transform: translate(0, -0px); }    
}

}

.hi {
  z-index: 0;
   margin-left: 60px;
  position: absolute;
display: block;
  background-color: transparent;
}

:root[data-theme="light"] {
  --background-color: #2e2320;
  --text-color: #d5d0ab;
  --accent-text-color: #fff;
  --link-color: #fff;

  --container-background-color: #4d3b34;
  --accent-background-color: #3f322b;
}

:root[data-theme="dark"] {
  --background-color: #2e2320;
  --text-color: #d5d0ab;
  --accent-text-color: #fff;
  --link-color: #fff;

  --container-background-color: #4d3b34;
  --accent-background-color: #3f322b;
}

.name {
  color: #4c3c34;
  -webkit-text-stroke: 5px #f7f5ec;
  paint-order: stroke fill;
  text-shadow: 0px 0px 4px #4c3c34;
  position: absolute;
 bottom: 148px;
  right:153px;
  z-index: 4;
    font-size: 40px;
  font-weight: bold;
 -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}
  .text-container {
width: 590px;
    height: 515px;
      padding: 0 !important;
  margin: auto;
  position: relative;
  overflow: visible;
}

html, body, .site-header, .site-footer {
  cursor: url(https://files.catbox.moe/ofuyex.png), auto !important;
}

.publish-timestamp, .edit-timestamp, .site-footer, #theme-toggle, .edit {
  visibility: hidden;
}

.scrollbox::-webkit-scrollbar {
  width: 12px;
}

.scrollbox::-webkit-scrollbar-track {
  background: rgba(217, 206, 195, 0.05);
  border-radius: 6px;
  box-shadow: inset 0 0 3px rgba(76, 60, 52, 0.1);
}

.scrollbox::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4c3c34 0%, #3d2817 50%, #4c3c34 100%);
  border-radius: 6px;
  border: 2px solid rgba(247, 245, 236, 0.8);
  box-shadow: 0 0 4px rgba(76, 60, 52, 0.6);
}

.scrollbox::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #5d4d44 0%, #4d3627 50%, #5d4d44 100%);
  box-shadow: 0 0 6px rgba(76, 60, 52, 0.8);
}

.scrollbox::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, #3d2817 0%, #2e2320 50%, #3d2817 100%);
}

.scrollbox::-webkit-scrollbar-corner {
  background: rgba(247, 245, 236, 0.05);
}
}