body {
  background: url(https://proxy.everskies.com/a/https%3A%2F%2F64.media.tumblr.com%2Ff3d4f9100ec5dd1070048e2e1e86c190%2F54dbdd530a69c1c9-f8%2Fs75x75_c1%2F554afeed0758997760577ced06f2027841b0b628.pnj);
  color: black;
  font-family: Verdana;
}

.maincontainer {
  height: 450px;
  width: 324px;
  display: fixed;
  margin: auto;
  padding-top: 100px;
}

.mainborder {
  background-color: #fbf6f4;
  height: 350px;
  width: 300px;
  position: absolute;
  margin: auto;
  border-radius: 10px;
  border: 1px dotted #c98da2;
  border-width: 8px;
  border-style: solid;
  border-image: url("https://i.postimg.cc/Gmkz1Fzc/9ed040cd1eb7d5f29375467dfeff745aaa2fa878.png")
    8 fill round;
  filter: brightness(110%) grayscale(40%);
  padding: 4px;
}

.border {
  height: 351px;
  width: 301px;
  background-image: repeating-linear-gradient(
    -45deg,
    #faebeb,
    #faebeb 1px,
    transparent 0,
    transparent 50%
  );
  background-size: 15px 15px;
  background-color: #fefafa;
  margin: auto;
  border-radius: 5px;
  border: 1px dotted #f28faf;
  position: absolute;
  margin-left: 10px;
  margin-top: 10px;
}

.container {
  background-color: #fffafa;
  height: 338px;
  width: 288px;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 5px;
  border: 1px dotted pink;
  position: absolute;
  overflow-x: hidden;
  overflow-y: scroll;
}

.title {
  background-image: radial-gradient(rgb(242, 224, 212, 1) 30%, transparent 30%),
    radial-gradient(rgb(242, 224, 212, 1) 30%, transparent 30%);
  background-position: 0px 0px, 5px 5px;
  background-size: 10px 10px;
  background-color: #f0dccf;
  width: 288px;
  height: 21px;
  font-size: 11px;
  font-family: MS UI GOTHIC;
  text-align: center;
  color: #aa6f4d;
  position: absolute;
  margin-top: 16px;
  margin-left: 16px;
  border-radius: 4px 4px 0px 0px;
  line-height: 22px;
  border: 1px dotted #aa6f4d;
}

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

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #f4ddd8;
}

.entryimg {
  height: 20px;
  width: 20px;
  position: absolute;
  margin-top: 45px;
  margin-left: 15px;
}

.entry {
  height: 55px;
  width: 230px;
  margin-left: 50px;
  margin-top: 30px;
  color: #7e4b3b;
  font-family: MS UI GOTHIC;
  font-size: 11px;
  word-spacing: 1px;
}

.entrydate {
  height: 10px;
  width: 230px;
  margin-left: 50px;
  margin-top: 10px;
  color: #7e4b3b;
  font-family: MS UI GOTHIC;
  font-size: 9px;
  word-spacing: 1px;
  text-align: right;
}

.return {
  background-image: url(https://proxy.everskies.com/a/https%3A%2F%2F64.media.tumblr.com%2Fe7fddded4adc4b291821ba58d4edc6ba%2Fd7f3929d8a0dc321-14%2Fs250x400%2F8ca4b2b481e8f03cac8bc9eb023199df8f33bb19.gifv);
  height: 20px;
  width: 70px;
  position: fixed;
  color: #276c8a;
  font-family: MS UI GOTHIC;
  font-size: 11px;
  line-height: 21px;
  margin-top: 400px;
  margin-left: 125px;
  border-radius: 2px;
  text-align: center;
  filter: grayscale(85%) hue-rotate(-200deg) brightness(110%);
  border: 1px dotted #ff6000;
  text-decoration: none;
}

.return:hover {
  color: #ff6000;
}

.return:hover::before {
  content: ">";
  background: none;
}