@font-face {
  src:url('https://file.garden/aRLO62dQMCKHp7YG/fonts/ZTNature-Medium.ttf');
  font-family:nature;
}

:root {
  --main:#efe7b8;
  --sub:#aeb773;
  --three:#899059;
  --text:#552e2f;
}

.text-container {
  background:transparent !important;
  position:relative;
}

.publish-timestamp, .site-footer {
  display:none;
}

.button, .button:hover {
  background:none;
  color:var(--main);
}

::-webkit-scrollbar {
  width:0px;
  height:0px;
  background:transparent;
}

::-webkit-scrollbar-thumb {
  background:transparent;
}

main {
  width:650px;
  margin:auto;
  color:var(--text);
}

body {
  background:var(--sub) !important;
}

.main {
  width:600px;
  height:300px;
  margin:auto;
  padding:5px;
  background-color:var(--main);
  border:var(--three) 5px solid;
  border-image:url('https://file.garden/aRLO62dQMCKHp7YG/borders/limeade%20border') 30 round;
  font-family:nature;
}

.top {
  width:295px;
  height:35px;
  float:right;
  padding:5px;
  border:var(--three) 1.5px solid;
}

.top p, .top a {
  letter-spacing:normal;
  transition:0.3s;
  font-size:16px;

  margin-top:11.5px;
  color:var(--text);
  text-align:center;
  line-height:0px;
}

.top a:hover {
  filter:blur(0.3px);
  transition:0.25s ease-in;
  letter-spacing:1.2px;
}

.h {
  background:rgba(81, 54, 54, 0.45);
  font-size:18px;
  padding:2px;
}

.n {
  font-size:14px;
}

.info {
  width:295px;
  height:240px;
  margin-top:5px;
  padding:8px;
  float:right;
  border:var(--three) 1.5px solid;
  overflow-x:auto;
  overflow-y:scroll;
  font-size:17px;
  word-spacing:5px;
  text-align:justify;
}

.info a {
  letter-spacing:normal;
  transition:0.3s;
  font-size:17px;
  color:var(--sub);
}

.info a:hover {
  filter:blur(0.3px);
  transition:0.25s ease-in;
  letter-spacing:1.2px;
}

.image {
  width:281.5px;
  float:left;
}

.image img {
  width:100%; 
  height:238px;
  border:var(--three) 1.5px solid;
}

.credit {
  width:100%;
  height:36px;
  padding:5px;
  border:var(--three) 1.5px solid;
  overflow-y:scroll;
}

.credit p, .credit a {
  letter-spacing:normal;
  transition:0.3s;
  font-size:16px;

  margin-top:11.5px;
  color:var(--text);
  text-align:center;
  line-height:0px;
}

.credit a:hover {
  filter:blur(0.3px);
  transition:0.25s ease-in;
  letter-spacing:1.2px;
}

a {
  color:var(--main);
  font-family:nature;
}

@media screen and (max-width:500px) {
  main {
    width:355px;
  }
  .main {
    width:300px; 
    height:587px;
  }
  .top {
    width:281.5px;
    margin-top:5px;
  }
  .info {
    width:281.5px;
    margin-top:5px;
  }
}