@font-face {
  font-family: 'Mikodacs';
  src: url(https://facethruthedoor.neocities.org/2-fonts/mikodacs.ttf); 
}

@font-face {
  font-family: 'Spray';
  src: url(https://facethruthedoor.neocities.org/2-fonts/SisterSpray.ttf); 
}

body {
  background: url(https://facethruthedoor.neocities.org/blog/images/background.png) no-repeat center center fixed;
  background-size: cover;
  background-color: #2ab5e8;
  overflow-y: hidden;
}

#page {
  overflow: hidden;
}

header {
  display: inline-block;
  width: 78.1250vw;
  height: 2.2786vw;
  background: #deffde;
  background: linear-gradient(90deg, #d8e6c8 0%, #749947 50%, #6a9137 88%, #54781f 94%, #395702 100%);
  margin-top: 1.3021vw;
  margin-bottom: 0;
  padding: 0.4557vw 0.6510vw 0.6510vw 0.6510vw;
  border: 0.2604vw white groove;
  border-radius: 1.3021vw 1.3021vw 0 0;
  border-bottom: 0.2930vw white solid;
}

header p {
  padding: 0;
  opacity: 0.25;
  right: -24.5443vw;
  bottom: 2.7995vw;
  position: relative;
  display: block;
  font-family: 'Mikodacs';
  font-style: italic;
  font-size: 4.4271vw;
  color: white;
  text-shadow: 0 0 0.3255vw black, 0 0 0.1302vw black, 0 0 0.3255vw black, 0 0 0.1302vw black;
  clip-path: polygon(0 0, 100% 0, 100% 65%, 0 65%);
  margin: 0;
}

header .title {
  padding: 0;
  margin: 0;
  line-height: 6.5104vw;
  right: -32.5521vw;
  bottom: 8.7891vw;
  position: relative;
  opacity: 1;
  display: block;
  font-family: 'Spray';
  font-style: italic;
  font-size: 1.6276vw;
  letter-spacing: 0.1953vw;
  color: white;
  text-shadow: 0 0 0.3255vw black, 0 0 0.1302vw black, 0 0 0.3255vw black, 0 0 0.1302vw black;
  filter: drop-shadow(0 0 0.1953vw #fffbd0);
  -webkit-font-smoothing: antialiased;
}

.button:hover {
  border: outset;
  filter: brightness(0.8);
  cursor: pointer;
}

.button {
  margin-bottom: 0;
  text-decoration: none;
  border: 0.1953vw white solid;
  border-radius: 1.3021vw;
  color: white;
  font-style: italic;
  font-weight: bold;
  font-family: 'Verdana';
  text-align: center;
  margin-left: 0.3255vw;
  display: inline-block;
  line-height: 2.2786vw;
  height: 2.2786vw;
  width: 5.5339vw;
  background: #e0ffe8;
  background: linear-gradient(180deg, rgba(206, 222, 178, 1) 0%, rgba(158, 192, 117, 1) 4%, rgba(116, 161, 63, 1) 21%, rgba(93, 137, 43, 1) 43%, rgba(70, 117, 26, 1) 59%, rgba(70, 117, 26, 1) 64%, rgba(66, 115, 22, 1) 88%, rgba(132, 179, 79, 1) 100%, rgba(72, 150, 41, 1) 95%, rgba(104, 184, 73, 1) 99%);
}

#tagbar {
  display: block;
  background: #e0ffe8;
  background: linear-gradient(90deg, rgba(206, 222, 178, 1) 0%, rgba(158, 192, 117, 1) 4%, rgba(116, 161, 63, 1) 21%, rgba(93, 137, 43, 1) 43%, rgba(70, 117, 26, 1) 59%, rgba(70, 117, 26, 1) 64%, rgba(66, 115, 22, 1) 88%, rgba(132, 179, 79, 1) 100%, rgba(72, 150, 41, 1) 95%, rgba(104, 184, 73, 1) 99%);
  height: 1.3021vw;
  width: 78.1250vw;
  padding: 0.3581vw 0.9766vw 0.7161vw 0.3255vw;
  margin: 0;
  border: 0.2604vw white groove;
  border-top: none;
  border-bottom: 0.2930vw solid white;
  position: relative;
  bottom: 8.3984vw;
}

#tags {
  height: 1.3021vw;
  width: 78.1250vw;
  background: repeating-linear-gradient(180deg, #2e2e2e 0%, black 100%);
  border: 0.2604vw groove grey;
  border-radius: 0.3255vw 0.3255vw 0.3255vw 0.3255vw;
  color: yellow;
  font-family: arial;
  text-align: left;
  padding: 0 0.1953vw 0 0.1953vw;
}

#tags a {
  color: yellow;
  font-family: arial;
  text-align: left;
  text-decoration: none;
}

#tags a:hover {
  text-decoration: underline;
}

#entrybar {
  overflow-y: scroll;
  margin: 0;
  display: inline-block;
  padding: 0.3255vw 0.3255vw 0.3255vw 0.3255vw;
  width: 16.927vw;
  height: 36.4583vw;
  border: 0.2604vw white groove;
  border-top: none;
  border-right: 0.1302vw white solid;
  margin-right: -0.1302vw;
  border-bottom: none;
  position: relative;
  bottom: 8.3984vw;
  background: #e0ffe8;
  background: linear-gradient(180deg, rgba(206, 222, 178, 1) 0%, rgba(158, 192, 117, 1) 15%, rgba(116, 161, 63, 1) 21%, rgba(93, 137, 43, 1) 43%, rgba(70, 117, 26, 1) 59%, rgba(70, 117, 26, 1) 64%, rgba(66, 115, 22, 1) 88%, rgba(132, 179, 79, 1) 100%, rgba(72, 150, 41, 1) 95%, rgba(104, 184, 73, 1) 99%);
  color: white;
  text-align: left;
  font-size: 1.2vw;
  line-height: 1.8229vw;
  text-shadow: 0 0 0.1302vw black, 0 0 0.1302vw black, 0 0 0.1302vw black, 0 0 0.1302vw black;
  font-weight: bold;
  font-family: 'arial';
  text-decoration: none;
}

#entrybar a {
  color: white;
  text-align: left;
  font-size: 1.2vw;
  line-height: 2vw;
  text-shadow: 0 0 0.1302vw black, 0 0 0.1302vw black, 0 0 0.1302vw black, 0 0 0.1302vw black;
  font-weight: bold;
  font-family: 'arial';
  text-decoration: none;
}

#entrybar li {
  margin-top: 1vw;
}

#entrybar a:hover {
  text-decoration: underline;
}

#main {
  margin: 0;
  margin-left: -0.1302vw;
  display: inline-block;
  padding: 0.6510vw 0.6510vw 0.6510vw 0.6510vw;
  width: 60.2865vw;
  height: 35.8073vw;
  border: 0.2604vw white groove;
  border-top: 0;
  border-left: 0.1953vw white solid;
  border-bottom: none;
  position: relative;
  bottom: 8.3984vw;
  background-color: #ffffff80;
}

#footer {
  width: 79.4271vw;
  height: 1.9531vw;
  border: 0.2604vw white groove;
  border-top: 0.2604vw white solid;
  position: relative;
  bottom: 8.7891vw;
  border-radius: 0 0 1.3021vw 1.3021vw;
  background: url(https://facethruthedoor.neocities.org/blog/images/footer.jpg);
  background-size: cover;
  background-position: center;
  display: block;
  filter: brightness(0.9);
}

.entry {
  display: block;
  border: 0.2604vw white groove;
  border-radius: 1.3021vw 1.3021vw 1.3021vw 1.3021vw;
  width: 58.5938vw;
  height: 35.1563vw;
}