@font-face {
src: url(https://files.catbox.moe/bi1ixl.ttf);
font-family: wiener;
}
@font-face {
src: url(https://files.catbox.moe/gvfl5a.ttf);
font-family: chalk;
}

:root[data-theme="light"] {
  --background-color: #fff;
  --background-image: url('https://files.catbox.moe/xl1beg.jpg');
  --text-color: #d132a1;
  --accent-text-color: #d132a1;
  --link-color: #d132a1;

  --container-background-color: #fff;
  --accent-background-color: #d132a1;
}

:root[data-theme="dark"] {
  --background-color: #fff;
   --background-image: url('https://files.catbox.moe/xl1beg.jpg');
  --text-color: #d132a1;
  --text-color: #d132a1;
  --accent-text-color: #d132a1;
  --link-color: #d132a1;

  --container-background-color: #fff;
  --accent-background-color: #d132a1;
}

.body {
 background-image: url('https://files.catbox.moe/xl1beg.jpg');
  
}
.box {
filter: drop-shadow(0px 0px 7px #d132a1);
  padding: 0px; !important;
  margin: 0 auto;
  margin-right: 50px;
    width: 520px;
  height: 349px;
  z-index: 2;
  background-image: url(https://files.catbox.moe/t7pi0c.png);
  background-color: #d132a1;
}
.marin {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  filter:saturate(70%);
  transition: all 0.5s ease;
    -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  image-rendering: -webkit-optimize-contrast;
}
.marin:hover {
  filter: saturate(100%)
}
  .text-container {
width: 550px;
    height: 350px;
      padding: 0 !important;
  margin: auto;
  position: relative;
  overflow: visible;
}

.textbox {
  position: absolute;
  font-family: chalk;
  top: -10px;
  right:400px;
  overflow: hidden;
  overflow-x: hidden;
  text-wrap: wrap;
   transition: 1s ease;
  width: 180px;
  height: 50px;
  background: linear-gradient(to bottom, #f6bde6, #ed6fc8);
  border: 2px solid #fa96db;
  outline: 2px solid #d94eae;
  color: #fff;
  padding: 5px;
  border-radius: 20px;
  text-align: justify;
    scrollbar-width: none;
}

.textbox:hover {
  height: 200px;
  overflow: scroll;
  transition: 1s ease;
}

.textbox::-webkit-scrollbar {
  display: none;
}


.textbox2 {
  position: absolute;
  font-family: chalk;
    bottom: -10px;
  left:370px;
  overflow: hidden;
  overflow-x: hidden;
  text-wrap: wrap;
   transition: 1s ease;
  width: 180px;
  height: 50px;
  background: linear-gradient(to bottom, #f6bde6, #ed6fc8);
  border: 2px solid #fa96db;
  outline: 2px solid #d94eae;
  color: #fff;
  padding: 5px;
  border-radius: 20px;
  text-align: justify;
    scrollbar-width: none;
}

.textbox2:hover {
  height: 200px;
  overflow: scroll;
  transition: 1s ease;
}

.name {
  color: #ffedf5;
  font-family: wiener;
  letter-spacing: 3px;
  -webkit-text-stroke: 5px #f687c0;
  paint-order: stroke fill;
  position: absolute;
 bottom: -12px;
  right:310px;
  z-index: 4;
    font-size: 50px;
  font-weight: bold;
 -webkit-animation: pop 2s ease-in-out infinite alternate;
 animation: pop 2s ease-in-out infinite alternate;
 -moz-animation: pop 2s 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)

}
}

html, body, .site-header, .site-footer {
  cursor: url(https://i.postimg.cc/CK8wDqh2/cursor-1.png), auto !important;
}

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

@media (max-width: 600px) {
  body {
    transform: scale(0.85);      
    transform-origin: top center;
    width: 118%;                 
    margin: 0 auto;             
    overflow-x: scroll;          
    overflow-y: visible;
  }

  html, body {
    max-width: 100%;
  }
}

.deer {
  position: absolute;
  z-index: 3;
  top: -40px;
  right: -20px;
}