* {
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  cursor: url(https://file.garden/aekRj9vojSCYQ73S/pixel/straw-cursor.png), auto !important;
}

a {
  text-decoration: none;
}

body {
  background-image: url(https://file.garden/aekRj9vojSCYQ73S/bg/tartanbg.jpg);
  background-repeat: repeat;
  font-size: 12px;
  background-attachment: fixed;
  font-family: ms pgothic;
  background-size: 25em;
}

mark {
  background: transparent;
  color: #9b866e;
}


footer {
  text-align: center;
  color: white;
  margin: auto;
}

ul {
  list-style-type: none;
}


td {
  border-style: solid;
}

a:hover {
  font-style: italic;
}

.stamps1:hover,
.stamps2:hover,
#buttons:hover {
  transform: scale(1.1);
}


.stamp-container:hover .stamp-inner {
  animation-play-state: paused
}

.left li a:hover,
.right li a:hover {
  color: #3B241E;
  background: #ffe8ef;
}


::selection {
  background: #FFE6F4;
}


img::selection,
.left a::selection,
.right a::selection,
.update-title::selection,
#title::selection, 
#subtitle::selection {
  background: transparent;
}

.update-title::selection {
  color: #9B866E;
}

#title::selection,
#subtitle::selection {
  color: #86603A;
}

body,
a,
::selection {
  color: black;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar:horizontal {
  height: 7px;
}

::-webkit-scrollbar-corner {
  background: #eee
}

::-webkit-scrollbar-track:vertical {
  background: linear-gradient(90deg, #B7A690, #eee 20%);
  border-radius: 5px;
}

::-webkit-scrollbar-track:horizontal {
  background: linear-gradient(180deg, #B7A690, #eee 20%);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  border: 1.5px solid #827564;
  border-radius: 5px;
  box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
}

::-webkit-scrollbar-thumb:vertical {
  background: linear-gradient(90deg, #B7A690 45%, #B7A690 0, #B7A690);
}

::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(180deg, #B7A690 45%, #B7A690 0, #B7A690);
}

.updates::-webkit-scrollbar {
  width: 5px;
}

.updates::-webkit-scrollbar:horizontal {
  height: 10px;
}


:root {
  --scale: 0.90;
}

.left li a,
.right li a {
  background: #ffe8efad;

}

@font-face {
  font-family: spirit;
  src: url(https://file.garden/aekRj9vojSCYQ73S/font/spirit.ttf);
}

@font-face {
  font-family: Angelic Garden;
  src: url(https://file.garden/aekRj9vojSCYQ73S/font/AngelicGarden.ttf);
}


.page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  zoom: var(--scale);
  width: 100%;
  display: flex;
  justify-content: center;
}


.container {
  width: min-content;
  background: transparent;
  display: flex;
  row-gap: 3em;
  flex-direction: column;
  margin-top: 3em;
  margin-bottom: 3em;
}


.header {
  width: 1032px;
  height: 13em;
  background: white;
  background-clip: padding-box;
  border-width: 13px;
  border-style: solid;
  border-image: url(https://file.garden/aekRj9vojSCYQ73S/borders/white-border.png) 7 round;
  justify-content: center;
  display: flex;
}

.header-box {
  height: 11em;
  width: stretch;
  border: 3px solid #754C24;
  border-radius: 1em;
  background: linear-gradient(180deg, #EED8C3, #b19478);
}


#title {
  top: 10px;
  height: stretch;
  font-family: Angelic Garden;
  font-size: 10em;
  -webkit-text-stroke: 1px #754C24;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#subtitle {
  top: -1.5em;
  left: 50em;
  color: #754C24;
  font-style: italic;
  font-size: 1.5em;
  margin: 0;
}


.divider {
  top: -1.4em;
  background-image: url(https://file.garden/aekRj9vojSCYQ73S/dividers/piano-div2.gif);
  background-size: 30em;
  background-repeat: no-repeat;
  width: 30em;
  height: 8em;
}

.text {
  margin-top: -1em;
  line-height: 1.8em;
  letter-spacing: 1.01px;
}

.main-bottom {
  margin-top: 7px;
  width: 644px;
  left: -27px;
  border: 3px solid #754c24;
  border-top-width: 1px;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}


.buttons {
  width: auto;
  gap: 10px;
  grid-auto-flow: column;
  justify-content: center;
  padding: 20px;
}

.stamp-container {
  overflow: hidden;
  top: -1em;
  padding-bottom: 14px;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}

.stamp-inner {
  gap: 4px;
  width: max-content;
  animation: Scroll 20s linear infinite;
  align-items: center
}

.stamps1 {
  height: 5em;
  display: block;
}

.stamps2 {
  height: 5.22em;
  display: block;
}


.main2-box {
  grid-template-columns: 1fr 2fr;
}

.box-wrapper {
  grid-gap: 1em;
  padding: 20px;
}

#bunny-text {
  top: 4em;
}

.update-box {
  width: 178px;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  border: 1px solid #37221B;
}


.update-title {
  height: 45px;
  background-color: #37221B;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-weight: bold;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 20px;
  color: #9B866E;
}

.updates {
  overflow: scroll;
  overflow-x: hidden;
  height: 10em;
}

.news {
  border-bottom: 1px solid #37221B;
  padding-bottom: 1em;

}


.kkuma {
  background-image: url('https://file.garden/aekRj9vojSCYQ73S/png/kkuma.png');
  background-repeat: no-repeat;
  background-size: 35em;
  background-position-x: center;
  height: 26em;
  width: 19em;
  background-position-y: center;
}

.cnds {
  grid-auto-flow: column;
}

.currently {
  border: 2px solid #3e2720;

  border-radius: 15px;
}

.sites {
  background-color: #c4c4c4;
}


#journal {
  background-image: url('https://file.garden/aekRj9vojSCYQ73S/png/journal1.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 10em;
}

#bunny {
  background-image: url('https://file.garden/aekRj9vojSCYQ73S/png/bunny.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 10em;
}


#umbrella {
  background-image: url('https://file.garden/aekRj9vojSCYQ73S/png/umbrella.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 10em;
}


#sweater {
  background-image: url('https://file.garden/aekRj9vojSCYQ73S/png/sweater.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.cnds-titles {
  background-color: #ff0edd;
}


.currently,
.sites {
  height: 15em;
  width: 15em;
}

.content,
.content2 {
  grid-template-columns: 1fr 3fr 1fr;
  gap: 10px;
  margin: 0
}

body,
.stamp-inner,
.update-title {
  display: flex;
}

.content,
.content2,
.left-box,
.right-box,
.left2-box,
.right2-box,
.buttons,
.main2-box,
.box-wrapper,
.novitiate,
.cnds {
  display: grid;
  align-content: center;
}


#title,
#subtitle,
.divider,
.main-bottom,
.stamp-container,
#sweater-text,
#umbrella-text,
#bunny-text,
#journal-text,
.box-wrapper {
  position: relative;
}


#title,
#subtitle,
#sweater-text,
#umbrella-text,
#bunny-text,
#journal-text,
.buttons {
  width: fit-content;
}


#title,
#subtitle,
.update-box {
  height: fit-content;
}

.content div.main,
.content2 div.main2 {
  width: 670px;
}


.content div.main,
.content2 div.main2,
.left2,
.right2,
.left,
.right {
  border: 1px solid #754C24;
  background: white;
}


.main-box,
.main2-box,
.left-box,
.right-box,
.left2-box,
.right2-box {
  height: 35em;
}

.main-box,
.left-box,
.right-box,
.main2-box,
.left2-box,
.right2-box {
      border: 3px solid #754C24;
    border-radius: 1em;
    background: linear-gradient(180deg, #f0dac5, #b19478);
  padding: 25px;
}


.main-box,
.main2-box,
.left2-box,
.right2-box,
.update-box {
  background-color: white;
}


.left-box,
.right-box,
.left2-box,
.right2-box {
  align-items: center;
  justify-content: center;
  justify-items: center;
  padding: 0;
}


mark,
.update-title,
.cnds-titles,
#subtitle {
  font-family: 'spirit';
}

@keyframes Scroll {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}


li,
#sweater-text,
#umbrella-text,
#bunny-text,
#journal-text {
  text-align: left;
}

#sweater,
#umbrella,
#bunny,
#journal {
  align-self: center;
  width: 13em;
  height: 13em;
}

#sweater-text,
#umbrella-text,
#bunny-text,
#journal-text {
  line-height: 1.1em;
  top: 3em;
}

.content div.left,
.content div.main,
.content div.right,
.content2 div.left2,
.content2 div.main2,
.content2 div.right2 {
  height: 37em;
  border-width: 13px;
  border-style: solid;
  border-image: url(https://file.garden/aekRj9vojSCYQ73S/borders/white-border.png) 7 round;
  background-clip: padding-box;
}

.content div.left,
.content div.right,
.content2 div.left2,
.content2 div.right2 {
  width: 280px;
}

.cnds,
.news {
  margin-top: 1em;
}