body {
  background-image: url("https://files.catbox.moe/gyjp2u.png");
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
  background-color: #936D52;
  color: white;
  font-family: DepartureMono;
  text-align: center;
}
@font-face {                  
font-family: 'DepartureMono';
src: url("https://humantooth.neocities.org/fonts/DepartureMono.woff") format('woff');
font-weight: normal;
font-style: normal;
} 

div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 15px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: white;
}

#logo {
  position: absolute;
  top: 40px;
  left: 90px;
  font-size: 30px;
  width: 51.5%;
  padding: 25px;
  /* background-image: linear-gradient(#ffffff, #8b9299, #8b9299, #97a3a8, #97a3a8);
  border-style: solid;
  border-radius: 10px;
  border: 5px solid #2a3852; */
}
#guestbook {
  position: absolute;
  top: 185px;
  left: 120px;
  width: 30%;
  padding: 5px;
  background-image: linear-gradient(#c90a00, #c90a00);
  border-style: solid;
  border-radius: 10px;
  border: 5px solid #610020;
}
html,body { font-family: 'DepartureMono'; color: white; }
#pagedoll {
  position: absolute;
  top: 200px;
  left: 630px;
  width: 150px;
}
#worm {
  position: absolute;
  top: 160px;
  left: 500px;
  width: 150px;
}
#cat {
  position: absolute;
  top: 200px;
  left: 120px;
  width: 125px;
  border-radius: 10px;
  border-style: solid;
  border: 5px solid #23363b;
}
#grumps {
  position: absolute;
  top: 215px;
  left: 280px;
  width: 200px;
  border-radius: 10px;
  border-style: solid;
  border: 5px solid #32323b;
}
#main-content {
    width: 20%;
    border-radius: 10px;
    float: left;
    margin-left: 100px;
    margin-top: 50px;
    padding: 225px;
    background-image: url("https://files.catbox.moe/a2sk4g.webp");
    background-repeat: no-repeat;
    background-color: white;
    border-style: solid;
    border: 5px solid #210c00;
}
#profile {
    width: 2.5%;
    border-radius: 10px;
    float: left;
    margin-left: 100px;
    margin-top: 50px;
    padding: 175px;
    background-image: url("https://files.catbox.moe/4cs7lz.webp");
    background-repeat: no-repeat;
    background-color: white;
    border-style: solid;
    border: 5px solid #233837;
}
#siteinfo {
  position: absolute;
  top: 355px;
  left: 120px;
  font-size: 20px;
  width: 29%;
  text-align: left;
}
#siteinfo b {
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}
#rainbow {
    background: linear-gradient(90deg, red,red,orange,yellow,green,blue,purple,purple);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
#sidebar {
   width: 20%;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 50px;
   padding: 10px;
   background-image: linear-gradient(#ffffff, #8b9299, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852;
}
#help {
   width: 21%;
   border-radius: 10px;
   float: right;
   padding: 5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#ffa896, #7a0000, #c40000);
   border-style: solid;
   border: 5px solid #540000;
}
#help:hover { /*about*/
  background-image: linear-gradient(#ffcbbf, #3d0000, #5e0014, #6b0000, #6e0000, #5e0014, #360000);
  border: 5px solid #210000;
}
#megatron {
   width: 21%;
   border-radius: 10px;
   float: right;
   padding: 5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#fff09c, #b03b00, #ff9f38);
   border-style: solid;
   border: 5px solid #5e1100;
}
#megatron:hover { /*FIX THIS FIX THIS FIX THIS*/
  background-image: linear-gradient(#fff5bf, #3d1600, #5e1900, #6b2700, #6b2700, #5e1900, #361500);
  border: 5px solid #210900;
}
#mcdonalds {
   width: 21%;
   border-radius: 10px;
   float: right;
   padding: 5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#fff3a3, #c47600, #ffe854);
   border-style: solid;
   border: 5px solid #6e3500;
}
#mcdonalds:hover { /*shrines*/
  background-image: linear-gradient(#fffdbf, #3d1d00, #5e2900, #6b3400, #6b3400, #5e2900, #362000);
  border: 5px solid #210f00;
}
#bigmac {
   width: 21%;
   border-radius: 10px;
   float: right;
   padding: 5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#dbff8f, #046132, #12b500);
   border-style: solid;
   border: 5px solid #00290a;
}
#bigmac:hover { /*blog*/
  background-image: linear-gradient(#d1ffbf, #003d26, #005e21, #006b14, #006b14, #005e21, #003622);
  border: 5px solid #002118;
}
#hamburger {
   width: 21%;
   border-radius: 10px;
   float: right;
   padding: 5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#c4fcff, #00367d, #007cc9);
   border-style: solid;
   border: 5px solid #00053b;
}
#hamburger:hover { /*gallery*/
  background-image: linear-gradient(#bffff9, #000e3d, #00095e, #00256b, #00256b, #00095e, #000e6d);
  border: 5px solid #0c002e;
}
#bookie {
   width: 21%;
   border-radius: 10px;
   float: right;
   padding: 5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#eabfff, #49008a, #7900c9);
   border-style: solid;
   border: 5px solid #280036;
}
#bookie:hover { /*pictures*/
  background-image: linear-gradient(#ffbffd, #19003d, #31005e, #40006b, #40006e, #31005e, #1b0036);
  border: 5px solid #110021;
}
#yaoigif {
   width: 21.5%;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   float: right;
   padding: 1.5px;
   margin-right: 100px;
   margin-top: 5px;
   background-image: linear-gradient(#ffffff, #8b9299, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852;
}
#afooter {
  position: absolute;
  bottom: 132.5px;
  width: 1000px;
  left: 85px;
}
#about {
   width: 46%;
   border-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 50px;
   padding: 10px;
   background-image: linear-gradient(#ffffff, #8b9299, #8b9299, #97a3a8, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852;
}
#fav {
   width: 47%;
   border-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 5px;
   padding: 5px;
   background-image: linear-gradient(#f9b8ff, #7e0094, #e000ca);
   border-style: solid;
   border: 5px solid #360045;
}
#char {
     width: 46%;
   border-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 5px;
   padding: 10px;
   background-image: linear-gradient(#ffffff, #8b9299, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852;
}
#char img {
border-radius: 10px;
}
#blinkie {
   width: 32%;
   border-radius: 10px;
   float: right;
   margin-right: 5px;
   margin-top: 5px;
   padding: 5px;
   background-image: linear-gradient(#ff0000, #ff9100, #ffff00, #00ff00, #000dff, #a600ff);
   /* #ffffff, #8b9299, #97a3a8 */
   border-style: solid;
   border: 5px solid #380034;
}
#socials {
position: absolute;
  top: 405px;
  left: 305px;
  font-size: 20px;
  width: 25%;
  opacity: 0.25;
}
#back {
  position: absolute;
  top: 500px;
  left: 507.5px;
  font-size: 20px;
  width: 45.5%;
  border-radius: 10px;
  padding: 10px;
  background-image: linear-gradient(#a1ebff, #00156b, #036ffc);
  border-style: solid;
  border: 5px solid #140045;
}
#back:hover {
  background-image: linear-gradient(#bffff9, #000e3d, #00095e, #00256b, #00256b, #00095e, #000e6d);
  border: 5px solid #0c002e;
}
#shrines {
   width: 81%;
   border-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 50px;
   padding: 10px;
   background-image: linear-gradient(#ffffff, #8b9299, #97a3a8);
   /* 8b9299, #8b9299 #97a3a8, #97a3a8, */
   border-style: solid;
   border: 5px solid #2a3852;
}
#shrines img {
border-radius: 10px;
}
#sinfo {
   width: 37.5%;
   border-radius: 10px;
   float: left;
   margin-left: 90px;
   margin-top: 5px;
   padding: 10px;
   background-image: linear-gradient(#ffffff, #8b9299, #8b9299, #8b9299, #97a3a8, #97a3a8, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852;
}
#jack {
   width: 25%;
   border-radius: 10px;
   float: left;
   margin-left: 100px;
   margin-top: 50px;
   padding: 10px;
   background-image: linear-gradient(#fff09c, #e36729, #b03b00, #b03b00, #b03b00, #b03b00, #ff9f38, #ff9f38, #ff9f38, #ff9f38, #ff9f38);
   border-style: solid;
   border: 5px solid #5e1100;
}
#jack img {
border-radius: 10px;
}
#davesport {
   width: 24%;
   border-radius: 10px;
   float: left;
   margin-left: 6px;
   margin-top: 50px;
   padding: 10px;
   background-image: linear-gradient(#ffffff, #8b9299, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852
}
#davesport img {
  border-radius: 10px;
}
#dave {
   width: 25%;
   border-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 50px;
   padding: 10px;
   background-image: linear-gradient(#eabfff, #8126c7, #49008a, #49008a, #49008a, #49008a, #7900c9, #7900c9, #7900c9, #7900c9, #7900c9);
   border-style: solid;
   border: 5px solid #280036;
}
#dave img {
  border-radius: 10px;
}
#dsgallery {
   width: 81%;
   border-radius: 10px;
   float: right;
   margin-right: 100px;
   margin-top: 5px;
   padding: 5px;
   background-image: linear-gradient(#ffffff, #8b9299, #8b9299, #97a3a8, #97a3a8);
   border-style: solid;
   border: 5px solid #2a3852;
}
#ds1 {
  width: 100%;
  float: left;
  margin-left: 0px;
  margin-top: 7.5px;
}
#ds1 img {
  border-radius: 10px;
  border: 5px solid white;
}
#dsback {
  position: absolute;
  top: 37.5px;
  left: 500px;
  font-size: 20px;
  width: 12.5%;
  border-radius: 10px;
  padding: 10px;
  background-image: linear-gradient(#eabfff, #49008a, #7900c9);
  border-style: solid;
  border: 5px solid #280036;
}




















#whatinthewhatwhat {width:5px;}
#whatinthewhatwhat {width:5px;}
#whatinthewhatwhat {width:5px;}
#whatinthewhatwhat {width:5px;}