body{
  background-position: top left;
  }
  
  .stamp{
border-color:#ffe4c7;
border-style:solid;  
border-width:2px;
outline-style:dashed;
    outline-color:#ffe4c7;
outline-width:3px;
  border-radius:3px;
box-shadow: 5px 5px 5px #2a1b12;
background-color:#707118;
transform: rotate(-3deg);
padding:4px;
}

  .postcard{
background-image:url(https://obie-toby.neocities.org/bg/dither/stamptest-dithered.jpg);
background-size:160%;
background-position:right top;
border-color:darkred;
border-style:dotted;  
border-width:4px;
outline-style:solid;
outline-color:#d4bb9c;
outline-width:8px;
border-radius:3px;
box-shadow: 5px 5px 5px #2a1b12;
text-shadow:0px 0px 8px white, 0px 0px 8px white, 0px 0px 16px white, 0px 0px 16px white;
background-color:linen;
transform: rotate(-1deg);
padding:8px;
margin:10px;
}

.stamp:hover{
filter: saturate(3);

transform: rotate(-3deg);
  background-position: top left;
  animation: jog 1s;
  animation-iteration-count: 2;
}
  
.blinker:hover{
  filter:brightness(150%);
  }
  
.card{
background-image:url(https://obie-toby.neocities.org/bg/dither/dither_it_graph2.jpg);
background-color:#ffe4c7;
padding:5px;
 border-style:outset;
    border-color:linen;
border-width:5px;
  border-radius:5px;
box-shadow: 2px 2px 5px #2a1b12;
transform: rotate(-1deg);
height:30%;
margin:10px;
  }
  
  .card:hover{
transform: rotate(0deg);
  }

.sideglass{
  width:20%;
  background-image:url(https://obie-toby.neocities.org/bg/dither/dither_it_WindowsBlocks0086_1_350.jpg);
  background-size:50%;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
background-color:#391c19;
 outline-style:outset;
    outline-color:#391c19;
outline-width:5px;
  border-radius:5px;
  border-style:inset;
    border-color:#391c19;
border-width:2px;
  
  }
  .sidesteel{
  width:20%;
  background-image:url(https://obie-toby.neocities.org/bg/dither/dither_it_cc200106.jpg);
  background-size:50%;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
background-color:#391c19;
 outline-style:outset;
    outline-color:#391c19;
outline-width:5px;
  border-radius:5px;
  border-style:inset;
    border-color:#391c19;
border-width:2px;
  }
  
   .sidebasement{
  width:20%;
  background-image:url(https://obie-toby.neocities.org/bg/dither/BUILD252-dithered.png);
  background-size:50%;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
background-color:#391c19;
 outline-style:outset;
    outline-color:#391c19;
outline-width:5px;
  border-radius:5px;
  border-style:inset;
    border-color:#391c19;
border-width:2px;
  }
  
    .sidecorro{
  width:20%;
  background-image:url(https://obie-toby.neocities.org/bg/dither/dither_it_elcorro.jpg);
  background-size:50%;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
background-color:#391c19;
 outline-style:outset;
    outline-color:#391c19;
outline-width:5px;
  border-radius:5px;
  border-style:inset;
    border-color:#391c19;
border-width:2px;
  }
  
      .sidemesh{
  width:20%;
  background-image:url(https://obie-toby.neocities.org/bg/dither/DOOR0054-dithered.png);
  background-size:50%;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
background-color:#391c19;
 outline-style:outset;
    outline-color:#391c19;
outline-width:5px;
  border-radius:5px;
  border-style:inset;
    border-color:#391c19;
border-width:2px;
  }
  
      .sidecontainer{
  width:20%;
  background-image:url(https://obie-toby.neocities.org/bg/dither/MISC005A-dithered.png);
  background-size:50%;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
background-color:#391c19;
 outline-style:outset;
    outline-color:#391c19;
outline-width:5px;
  border-radius:5px;
  border-style:inset;
    border-color:#391c19;
border-width:2px;
  }
  
  
.centerclear{
  width:60%;
  background-color:rgba(49, 26, 0, 0.16);
  padding:10px;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  }

.centerlight{
  width:60%;
  background-color:tan;
  padding:10px;
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset;
  }
  
  .centerdark{
  width:60%;
  background-color:black;
  padding:10px;
  
  box-shadow: 5px 5px 13px #391c19 inset,-5px -5px 10px #391c19 inset, 0px, 10px, 40px black outset;
  }

.nav{
  width:15%;
  height:100%;
  position:fixed;
  background-image:url(https://obie-toby.neocities.org/bg/dither/dither_it_woodcork2.JPG);
background-color:tan;
 outline-style:double;
 outline-color:black;
 border-style:inset;
    border-color:#391c19;
padding:5px;
border-width:5px;
  border-radius:5px;
box-shadow: 2px 2px 5px #2a1b12;
overflow-y:scroll;

}
.brokenpipe{
  rotate:-8deg;
  background-color:gray;
  width:100%;
  box-shadow: 5px 5px 13px lightgray inset,-5px -5px 10px #391c19 inset;
  border-radius:50px;
  }
  
  .pipe{
  background-color:gray;
  box-shadow: 5px 5px 13px lightgray inset,-5px -5px 10px #391c19 inset;
  border-radius:50px;
  }
  

.button{
  background-image:url(https://obie-toby.neocities.org/bg/SB012.jpg);
 background-size:100%;
  box-shadow:0px 5px 0px 0px black;

  border:3px dotted steelblue;
  transform: rotate(3deg);
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  margin:20px;
  background-color:#c0ded0;
  border-radius:10px;
  text-align:center;
  }
  
  .button:hover{
filter: saturate(3);

  border:3px dotted mintcream;
transform: rotate(-3deg);
  background-position: top left;
  animation: jog 1s;
  animation-iteration-count: 2;
  box-shadow:0px 0px 0px 0px black;
}

.advert{
 width:300px;
 height:36px;
}
.advert:hover{
  filter:brightness(150%);
}

.relic{
filter: drop-shadow(4px -4px 8px black); 
transform: rotate(3deg);
}
.relic:hover{
animation: jog 1s;
 animation-iteration-count: infinite;
filter:brightness(150%);
}

.cardboard{
background-image:url(https://obie-toby.neocities.org/bg/dither/cardboard2.png);
background-color:tan;
padding:5px;
 border-style:outset;
    border-color:tan;
border-width:5px;
  border-radius:5px;
box-shadow: 2px 2px 5px #2a1b12;
transform: rotate(-2deg);
}

  img{
    border-radius:3px;
    }
  
  h1{
  font-family: 'Caprasimo';
  color:#140b07;
  margin-bottom:3px;
  margin:auto;
  font-weight: 400;
font-size:50px;
text-shadow: -2px -2px 0px #ffa426, 2px 2px 0px #ffd255;
}
h2{
  font-family: 'Rubik Dirt';
  font-weight:normal;
  color:darkred;
  font-size:38px;
  text-shadow: -5px 2px 0px 0px rgba(94, 0, 0, 0.5);
  rotate:-1%;
}
h3{
  font-family: 'Irish Grover';
  font-weight:normal;
  color:darkred;
  font-size:25px;
  
}
.box{
  background-color:linen;
  rotate:2%;
  box-shadow:0px 5px 0px 0px black;
  padding:5px;
}

h4{
  font-family: 'Just Me Again Down Here';
  color:darkblue;
   font-size:20px;
}
p{
font-family: "Geist Pixel";
    color:#2a1b12;
  font-weight: bold;
font-size:15px;
}

a{
  color:darkblue;
}

a:visited{
  color:indigo;
}

a:hover{
  font-style:italic;
  font-weight:bold;
  font-family: "Redacted Script", cursive !important;
  font-size:21px;
}

hr{
  border-color:darkred;
  border-style:dashed;
  }

.uniformcenter{
  height:200px;
  }

.scrollery{
  overflow-y:scroll;
height:250px;
  }  

.cranky{
  background-image: url('https://obie-toby.neocities.org/bg/dither/dither_it_SD132.jpg');
  width:170px;
  height:180px;
  border-radius:5px;
  border-style:inset;
  border-color:#453b14;
  overflow-x: hidden;
  overflow-y: hidden;
}


#pup{
  display:block;
  margin-top:2000px;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}




@keyframes jog {
  50% { transform: rotate(2deg); }
 60% { transform: rotate(1deg); }
}

@keyframes mymove {
  50% {background-position: center;}
}

.laugh{
  animation: laugh 2s;
 animation-iteration-count: infinite;
  }

@keyframes laugh {
  0% { transform: translate(0px, 0px) rotate(0deg); }
  
  
  
  30% { transform: translate(0px, 0px) rotate(0deg); }
  35% { transform: translate(0px, 5px) rotate(1deg); }
  40% { transform: translate(0px, 0px) rotate(0deg); }
  45% { transform: translate(0px, 10px) rotate(-1deg); }
  50% { transform: translate(0px, 0px) rotate(0deg); }
  55% { transform: translate(0px, 5px) rotate(1deg); }
  60% { transform: translate(0px, -2px) rotate(0deg); }
  65% { transform: translate(0px, 0px) rotate(0deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }

}

                                           /*---STATUS CAFE---*/
#statuscafe{
   width:400px; 
    padding: .5em;
    background-image: url('https://obie-toby.neocities.org/bg/Wide-Ruled-Lined-Paper-2538860931.png');
    background-size:100%;
    border-radius:5px;
    border: 3px dashed linen;
    text-shadow: 0px 0px 3px 0px white;
    
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}