@font-face {
  font-family: "gochikakutto";
  font-style: italic;
  src: url("https://files.catbox.moe/7vii1e.otf");
}

@font-face {
  font-family: "miniwakuwaku";
  src: url("https://files.catbox.moe/qyffg0.otf");
  font-style: italic;
}

@font-face {
  font-family: "msgothic";
  src: url("https://files.catbox.moe/kgizss.TTF");
  font-style: italic;
}

@keyframes moveIt {
  from {
    background-position: bottom left;
  }
  to {
    background-position: top right;
  }
}

::-webkit-scrollbar {
  width: 20px
}

::-webkit-scrollbar-thumb:vertical {
  background: linear-gradient(to left, #eee 45%, #ddd 0, #bbb);
  border: 2px solid grey;
  border-radius: 2px;
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(to left, #e5e5e5, #f0f0f0 20%);
  border: 1px solid #ededed;
}

::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 15px
}
::-webkit-scrollbar-button:vertical:start:decrement {
  height: 20px;
background: url(https://files.catbox.moe/jlwjeh.png), linear-gradient(to left, #eee 45%, #ddd 0, #bbb);
  background-repeat: no-repeat;
  background-align: center;
  border: 2px solid grey;
  border-radius: 2px;
}

::-webkit-scrollbar-button:vertical:end:increment {
  height: 20px;
background: url(https://files.catbox.moe/cbrkfy.png), linear-gradient(to left, #eee 45%, #ddd 0, #bbb);
  background-repeat: no-repeat;
  background-align: center;
  border: 2px solid grey;
  border-radius: 2px;
}

body {
  background-image: url("https://onion202.neocities.org/body.png");
  background-size: 500px;
  font-family: msgothic;
  font-size: 18px;
  zoom:70%;
}

#container {
  padding: 10px;
  left: 50%;
  margin-top: 30px;
  position: absolute;
  transform: translateX(-500px);
  width: 920px;
  height: 820px;
  background: url(https://files.catbox.moe/aznzck);
  border: 2px solid grey;
  box-shadow: inset -2px -2px 5px #4a4a4a, inset 2px 2px 5px #000;
  flex-grow: 5;
  border-radius: 105px 3px 3px 3px;
}

#content {
  margin-top: 200px;
  background: url("https://onion202.neocities.org/tiles.png");
  background-size: 20px;
  border-bottom: 2px solid grey;
  border-left: 2px solid grey;
  border-right: 2px solid grey;
  border-radius: 2px;
  border-top: none;
  border-radius: 5px;
  float: right;
  width: 670px;
  height: auto;
  padding: 15px;
}

.tabcontent {
  display: none;
  border-top: none;
}

.picture {
  border-radius: 10px;
  padding: 15px;
}

#header {
  background: white;
  background-size: cover;
  border: 2px white ridge;
  border-radius: 100px 3px 3px 3px;
  height: 200px;
  width: 910px;
}

.ezgallery.horizontal { 
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-rows: minmax(100px, auto);
}

.ezgallery.horizontal a {
  text-align: center;
}

.ezgallery.horizontal img {
  text-align: center;
  vertical-align: middle;
  object-fit: cover;
  object-position: center;
  transition: 0.2s ease-out;
  padding: 5px;
}

.ezgallery.horizontal img:hover {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.2s ease;
}

.tablinks {
    background: #fffcf5;
    border: 2px solid #c2beae;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-family: miniwakuwaku;
    text-shadow: gray 2px 0px 0px, gray 2px 1px 0px, gray 1px 2px 0px, gray 0px 2px 0px, gray -1px 2px 0px, gray -2px 1px 0px, gray -2px 0px 0px, gray -2px -1px 0px, gray -1px -2px 0px, gray 0px -2px 0px, gray 1px -2px 0px, gray 1px -1px 0px, gray 2px -1px 0px;
    width: 70px;
    height: 30px;
    text-align: center;
    transition: 0.3s ease;
}

.tablinks:hover {
    background: white;
  letter-spacing: 1px;
    transition: 0.3s ease;
}