body {
  background-image: url();
}

button {
  border: none;
  background-color: transparent;
}

/* unvisited link */
a:link {
  color: red;
  font-family: pc98;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: purple;
}

/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: white;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: red;
}

h4 {
  color: yellow;
  text-shadow: rgba(255,98,0,0.9) 0px 0px 39px;
}

h2 {
  
}

.main1 {
  position: absolute;
  width: 640.4px;
  height: 537.4px;
  background-color: black;
  left: 434px;
  top: 155px;
  border: 1px solid white;
  right: 50px;
  background-image: url("https://sadhost.neocities.org/images/tiles/stars5.gif");
  box-shadow: 0 0 80px 5px #052a9c;
}

#stickers {
  position: absolute;
  width: 640px;
  height: 100px;
  left: 0px;
  top: 481px;
  color: white;
  text-align: left;
}

#mainright {
  position: absolute;
  width: 250px;
  height: 480px;
  background-image: url(https://sadhost.neocities.org/images/tiles/Black_and_White_floor_tile.jpg);
  left: 388.6px;
  top: -0.387497px;
}

#calendar {
  position: absolute;
  width: 249px;
  height: 201px;
  font-family: pc98;
  background-image: url(https://web.archive.org/web/20091027023331/http://hk.geocities.com/spacestationhk/bg.gif);
  background-color: black;
  margin-top: 0px;
  color: white;
  border: 1px white solid;
}

#border {
  position: absolute;
  width: 197px;
  height: 155px;
  left: 79px;
  margin-top: 340px;
  background-image: url(https://file.garden/ZrxL0lbRizw8nFkH/windows%20border.png);
  background-size: cover;
      animation: floating 3s ease-in-out infinite,
    glowWhite 1s ease-in-out infinite alternate;
      }

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

#mood {
  position: absolute;
  width: 135px;
  height: 100px;
  overflow: auto;
  left: 112px;
  margin-top: 379px;
  font-family: pc98;
  font-size: 13px;
  text-align: center;
  color: black;
      animation: floating 3s ease-in-out infinite,
    glowWhite 1s ease-in-out infinite alternate;
      }

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

#updates {
  position: absolute;
  width: 220px;
  height: 108.4px;
  left: 6px;
  margin-top: 220px;
  overflow-y: scroll;
  background-color: black;
  background-image: url(https://web.archive.org/web/20091027023331/http://hk.geocities.com/spacestationhk/bg.gif);
  font-family: pc98;
  font-size: 15px;
  color: white;
  border: 2px outset black;
  padding: 8px;
}

#rusttext {
  position: absolute;
  width: 243px;
  height: 137px;
  font-family: "MS PGothic", sans-serif;
  background-color: black;
  left: 117px;
  margin-top: 37px;
  text-align: center;
  color: white;
  overflow-x: hidden;
  scrollbar-width: none;
}

#aboutme {
  position: absolute;
  width: 329px;
  height: 202px;
  background-color: black;
  background-image: url(https://web.archive.org/web/20091027023331/http://hk.geocities.com/spacestationhk/bg.gif);
  left: 28px;
  top: 257px;
  overflow: auto;
  font-family: pc98;
  font-size: 15px;
  text-align: center;
  color: white;
  max-width: 100%;
  overflow-x: hidden;
  border: 2px outset black;
}

#divider {
  position: absolute;
  width: 281px;
  height: auto;
  font-family: pc98;
  left: 55px;
  top: 190px;
  color: white;
  text-align: center;
  overflow-x: hidden;
  background-color: black;
  background-image: url(https://sadhost.neocities.org/images/tiles/smileys02.gif);
  border: 2px outset #000055;
}

#right {
  position: absolute;
  width: 175px;
  height: 494px;
  left: 1113px;
  top: 166px;
}

#left {
  position: absolute;
  width: 197px;
  height: 585px;
  left: 193px;
  top: 81px;
  font-size: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

#wee {
  color: white;
  position: absolute;
  width: 80px;
  height: 60px;
  border: ;
  background-color: ;
  left: 435px;
  margin-top: -450px;
      animation: floating 3s ease-in-out infinite,
    glowWhite 1s ease-in-out infinite alternate;
      }

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

#wee2 {
  color: white;
  position: absolute;
  width: 60px;
  height: 188px;
  border: ;
  background-color: ;
  left: 380px;
  margin-top: -430px;
      animation: floating 3s ease-in-out infinite,
    glowWhite 1s ease-in-out infinite alternate;
      }

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

#wee3 {
  color: white;
  position: absolute;
  width: 60px;
  height: 60px;
  border: ;
  background-color: ;
  left: 430px;
  margin-top: -400px;
}

#rusty {
  position: absolute;
  width: 189px;
  height: 188px;
  border: ;
  background-color: ;
  left: 344px;
  margin-top: -470px;
  background-image: url(https://file.garden/ZrxL0lbRizw8nFkH/windows%20border.png);
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
      animation: floating 3s ease-in-out infinite,
    glowWhite 1s ease-in-out infinite alternate;
      }

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

#top {
  position: absolute;
  width: 726px;
  height: 1px;
  left: 340px;
  top: -89px;
  text-align: center;
  background-color: black;
  color: white;
  font-size: 20px;
  text-shadow: rgba(255, 255, 255, 0.9) 0px 0px 11px;
}

#footer {
  position: absolute;
  width: 290px;
  height: 6px;
  left: 600px;
  top: 680px;
  text-align: center;
  font-family: pc98;
  color: white;
  font-size: 15px;
  text-shadow: rgba(255, 0, 0, 0.9) 0px 0px 11px;
  animation: glitch-1 2s infinite linear;
}

 @keyframes glitch-1 {
    0%,
    12%,
    15%,
    52%,
    55%,
    82%,
    85%,
    100% {
        opacity: 1;
        transform: scaleX(1) scaleY(1);
    }
    13% {
        opacity: .8;
        transform: scaleY(2);
        color: #;
    }
    53% {
        opacity: .8;
        transform: scaleX(.7);
        color: #;
    }
    83% {
        opacity: 8;
        transform: rotate(-10deg);
        color: #;
    }
}
 
@keyframes glitch-2 {
    13% {
        color: #;
    }
    53% {
        color: #;
    }
    83% {
        color: #;
    }
}

#wip {
  width: 189px;
  height: 188px;
  margin-top: 400px;
  color: red;
}

.background {
  position: absolute;
  width: 1100.4px;
  height: 700.4px;
  background-color: black;
  border: 2px solid white;
  box-shadow: 0 0 30px 1px white;
  background-image: url("https://file.garden/Z3zqOYkSxSo_bctu/grpahic/blinkiesnstamps/Untitled68_20250507214245.png");
  left: 200px;
  top: 20px;
  right: 50px;
}

#video {
  position: absolute;
  width: 189px;
  height: 188px;
  border: ;
  background-color: ;
  left: 730px;
  margin-top: -217px;
}

#sleep {
  position: absolute;
  width: 197px;
  height: 155px;
  left: 755px;
  margin-top: 410px;
}

#visits {
  position: absolute;
  left: -310px;
  margin-top: 330px;
  text-shadow: rgba(255, 0, 0, 0.9) 0px 0px 11px;
}

#b1 {
  position: absolute;
  width: 189px;
  height: 225px;
  background-color: black;
  border: 1px white solid;
  left: 1310px;
  margin-top: -535px;
  background-image: url();
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
   overflow-y: auto;
  color: black;
  border-width: 7px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/xnxzti-1.png") 8 fill round;
}

#checker {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 1320px;
  margin-top: -280px;
}

#b2 {
  position: absolute;
  width: 210px;
  height: 200px;
  background-color: black;
  left: 1300px;
  margin-top: -250px;
  background-size: contain;
  color: white;
  font-family: pc98;
  text-align: center;
  border-width: 7px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/xnxzti-1.png") 8 fill round;
  overflow-y: auto;
}

  #b2::-webkit-scrollbar {
        display: none;
    }
    
      #b1::-webkit-scrollbar {
        display: none;
    }

#b3 {
  position: absolute;
  width: 189px;
  height: 188px;
  left: -45px;
  margin-top: -570px;
  background-image: url();
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
}

#b4 {
  position: absolute;
  width: 88px;
  height: 340px;
  left: 55px;
  margin-top: -381px;
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
  overflow:hidden;
}

.rainbow {
  position: absolute;
  width: 88px;
  height: 250px;
  left: -30px;
  margin-top: -510px;
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
  pointer-events: none;
}

#b5 {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 357px;
  margin-top: 350px;
  background-image: url();
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
}

#splash {
  position: absolute;
  width: 88px;
  height: 250px;
  left: -30px;
  margin-top: -510px;
  background-size: contain;
  color: black;
  font-family: pc98;
  text-align: center;
}

#signplease {
  position: absolute;
  left: 1310px;
  margin-top: -30px;
}

#webrings {
  position: absolute;
  left: 1320px;
  width: 181px;
  height: 130px;
  margin-top: -180px;
  overflow-y: hidden;
  overflow-x: hidden;
  color: white;
  font-family: pc98;
}

#webrings::-webkit-scrollbar-thumb {
  background: black;
}

#yumering table {
color: #ffa6b5;
}