body {
  background: #141414;
  background-size: cover;
  color: #adadad;
  margin: 0;
}

img {
  max-width: 380px;
  filter: sepia(0.5) saturate(0.5);
  transition: all 0.2s;
}

img:hover {
  filter: none;
}

a {
  color: #141414;
  text-decoration: underline solid #14141450 3px;
}

a:hover {
  background: #eeedd7;
  font-style: italic;
}

hl {
  background: #eeedd780;
  display: inline-block;
  padding: 2px;
  margin: 4px;
}

.wrap {
  width: 400px;
  margin: auto;
}

@media (max-width: 600px) {
  .wrap {
    width: 70%;
    margin: auto;
  }
}

.navi {
  width: 100%;
  height: 20px;
  background: url("https://files.catbox.moe/xn0t2e.jpg");
  background-size: cover;
  display: flex;
  justify-content: space-between;
  color: #363026;
  padding: 10px 20px 10px 20px;
  text-align: center;
}

.tabcontent {
  width: 100%;
  max-height: 240px;
  overflow: auto;
  display: none;
  padding: 20px;
  margin: 10px 0 10px 0;
  color: #141414;
  text-align: center;
  background: url("https://files.catbox.moe/hmdt7n.png");
  background-size: cover;
  transform: rotate(2deg);
}

#about,
#art {
  transform: rotate(-2deg);
  background: url("https://files.catbox.moe/47qmwe.png");
  background-size: cover;
}