html, body{
  height: 130%;
}
body {
  background-image: url(plaid.webp);
  background-size: 30%;
  background-attachment: fixed;
  color: gray;
  font-size: 200%;
  overflow-x: hidden;
}
@font-face {
src: url(PermanentMarker-Regular.ttf);
font-family: "Permanent Marker";
}
div, header:not(.entry) {
  overflow: auto;
  filter: drop-shadow(5px 5px 2px rgb(142, 223, 6));
}
.pfp {
  border-image-source: url(border.webp);
  border-image-slice: 5;
  border-image-width: 5px; border-image-repeat: round;
  border-style: solid;
  border-radius: 5px;
  border-color: white;
}
header {
  z-index: 0;
  background-image: url(snail.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  mask-image: url(paintmask.webp);
  mask-repeat: no-repeat;
  position: absolute;
  left: 20%;
  height: 50%;
  width: 81%;
  text-align: left bottom;
  font-family: "Permanent Marker";
  color: rgb(89,123,231);
  font-size: 200%;
  text-shadow: 5px 5px 5px black;
}
.left {
  background-color: rgb(136,113,97);
  position: absolute;
  border: 2px solid black;
  left: 20%;
  top: 39.2%;
  height: 125%;
  width: 20%;
  text-align: center;
  color: rgb(190,179,175);
  font-size: 90%;
  overflow: hidden;
}
.bentries {
  background-color: rgb(228,209,177);
  position: absolute;
  border: 2px solid black;
  left: 40%;
  top: 39.2%;
  height: 125%;
  width: 39.5%;
  text-align: center;
  color: rgb(194, 133, 66);
  font-size: 90%;
}
.entry {
  background-color: rgb(228,209,177);
  margin: auto;
  height: 20%;
  width: 80%;
  border: 2px solid rgb(194, 133, 66);
  color: rgb(194, 133, 66);
  text-align: left;
  font-size: 90%;
  overflow: auto;
  filter: drop-shadow(5px 5px 2px rgb(202,164,100));
  font-size: 90%;
}
h1, h3 {
  text-align: center;
}
.fakeukagaka {
  z-index: 3;
  position: fixed;
  right: -2%;
  bottom: -4%;
  width: 20%;
}