@font-face {
  font-family: 'DisposableDroidBB';
  src: url('DisposableDroidBB.ttf') format('truetype');
}
@font-face {
  font-family: 'Galmuri';
  src: url('Galmuri11.ttf') format('truetype');
}
@font-face {
  font-family: 'Aclonica';
  src: url('Aclonica.ttf') format('truetype');
}

html, body {
  background: rgba(251,245,223,1);
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: 'MillerText-Roman', Georgia, serif;
  font-size: 16px;
  line-height: 150%;
}

.inner {
  background-color: #fbf5df;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  border-right: 1px solid #bb6a18;
  scrollbar-color: #a14c00 #cd7c00;
}

.content-wrapper {
  max-width: 600px;
  margin: 0 auto 0 50px;        
  padding: 15px;
  box-sizing: border-box;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;                   
  justify-content: center;     
  margin: 5px 0;
}

.button-row a {
  display: inline-block;
  line-height: 0;               
  flex: 0 0 auto;          
}

.button-row img {
  max-width: 88px;         
  height: auto;
  image-rendering: pixelated;
  display: block;
}

.inner::-webkit-scrollbar {
  width: 12px;
}
.inner::-webkit-scrollbar-track {
  background: #cd7c00;
}
.inner::-webkit-scrollbar-thumb {
  background-color: #a14c00;
  border-radius: 6px;
}
.inner::-webkit-scrollbar-thumb:hover {
  background-color: #8a3f00;
}

.inner a {
  color: #a14c00;
  text-decoration: none;
}
.inner a:hover {
  color: #ffda45;
  text-shadow: 0 0 1px #ffbe41,
               0 0 2px #ffb628,
               0 0 4px #ffaf15,
               0 0 8px #eb9b00,
               0 0 12px #e38118;
}

#glowy {
  font-family: DisposableDroidBB, Cambria, Georgia, serif;
  font-size: 50px;
  color: #a14c00;
  text-shadow: 4px 4px 4px rgba(161, 76, 0, 0.5);
  text-align: center;
  position: relative;
  margin: 0 0 20px 0;
}
#glowy:hover {
  color: #ffda45;
  text-shadow: 0 0 1px #ffbe41,
               0 0 2px #ffb628,
               0 0 4px #ffaf15,
               0 0 8px #eb9b00,
               0 0 24px #e38118;
}

hr {
  border: 0;
  height: 1px;
  background-color: transparent;
  border-top: 1px dashed #a14c00;
  width: 75%;
  margin: 20px auto;
}

textarea {
  margin-top: 5px;
  font-family: 'Courier New', monospace;
  font-size: 10px;
  width: 220px;
  height: 70px;
  resize: none;
  border: 1px solid #a14c00;
  background: #fefae9;
  color: #a14c00;
  padding: 4px;
}

img {
  max-width: 100%;
  height: auto;
  image-rendering: pixelated;
  display: block;
  margin: 10px auto;
}

center {
  text-align: center;
}