body {
  background-image: url("bg.gif");
  background-attachment: fixed;
  color: #383e2d;
  font-family: times;
  margin: 30px;
}

.color {
  padding: 25px;
  border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACo0lEQVR4Xu2cQU7EMAxFmftwAFYcnhUH4D4gdp1U6tOXfzsz0mMFshM7L7bjybTcPj7ff982P99fP7ft36l8O/YVf5+u/5YCI4OvCLEZUAJdIoAChuQCbQNdU3QtAat83SFKcSopNH4qn9pPedwdQP/OpxPQgqcLovlJPrWf8hAo7IhAF0CXRyjtANVQcjidn1J4KqdTmuRkf3fK0wAySHKa/2w5+Udy8k+g4SdFgZb7TARKCmf3qan9tj7V+LTv3rVN5HDbAbJ3try9HoEuNZS6GtpggbaBtvvIadtBETCVT/2j8fFtEy2IDNL4s+VT/2i8QCHlqaauGS7Qq4GmKdhuQ1L7V/fNcYSmCxIofJYV6DEBIxQ+208DqH7blDr0bPrUFpG/Ag1vowRKBAQaEgrV6ylPE7bl4Xpj9fSuYrq++JPS1GB6YRsTXAYIdEpQoGWCAhXo6IFca2j4vXV6aJ0bn/uH31L/0kPNU74cMAIVaFYk0pSdlgQj1Ag1Qg/fg8rw5NqmfM7scIRABTp7tbHMbzedEVomLFCBmvLbGLCxt7HPaoI1NOOF2gJFRJmCQDNeqC1QRJQpCDTjhdoCRUSZgkAzXqj9cKDkIX1FQOOfXT5dn8+HLjss0HLIC/TZgU4flfG1Gl+rid/I3iaFr9XAIZRWEIE+GijVxHVHp6dkGiGp/tQ/Gh/f2NMCyCCNP1s+9Y/GC/Tq17tN+fucwQhNU4wAT/vY1J+pfns9cQ/WdmAKZDq+vR6Btv/NULrD7R1N7bf12+upX99R0W4DSecj/0hO9gQaPjki0PAC2QilkLka6OpPu0jTl2Qhj1h9aj/l4b9dhy0S6ALICI2T+njA5UDJYCov87h8OjrlSR5f39GElxMoG6T1kVyg5bZKoGWgf5I+X3Pqik6IAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
  border-width:  28px;
  border-style:  solid;
  background-color: #6e7857e6;
}

a {
  color: #a6af91;
}

button {
  background: linear-gradient(to bottom, #6e7857, #a6af91);
  border: 1px solid #383e2d;
  color: #383e2d;
  font-family: times;
  cursor: pointer;
  border-radius: 10px;
  transition-duration: 0.4s;
}

button:hover {
  background: linear-gradient(to bottom, #a6af91, #6e7857);
  color: #a6af91;
}

.fob {
  border: 2px solid #383e2d;
  padding: 2px;
  width: 200px;
  display: block;
  margin: auto;
}

.janet {
  width: 70%;
}

hr {
  border-top: 1px solid #383e2d;
  border-bottom: 0px solid #383e2d;
  width: 50%
}

.warning {
  color: maroon;
}

details summary { 
  cursor: pointer;
}

details summary > * {
  display: inline;
}

.stretchy-music {
  width: 100%;
  display: block;
  margin: auto;
}

.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.top {
  padding: 25px;
  border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACo0lEQVR4Xu2cQU7EMAxFmftwAFYcnhUH4D4gdp1U6tOXfzsz0mMFshM7L7bjybTcPj7ff982P99fP7ft36l8O/YVf5+u/5YCI4OvCLEZUAJdIoAChuQCbQNdU3QtAat83SFKcSopNH4qn9pPedwdQP/OpxPQgqcLovlJPrWf8hAo7IhAF0CXRyjtANVQcjidn1J4KqdTmuRkf3fK0wAySHKa/2w5+Udy8k+g4SdFgZb7TARKCmf3qan9tj7V+LTv3rVN5HDbAbJ3try9HoEuNZS6GtpggbaBtvvIadtBETCVT/2j8fFtEy2IDNL4s+VT/2i8QCHlqaauGS7Qq4GmKdhuQ1L7V/fNcYSmCxIofJYV6DEBIxQ+208DqH7blDr0bPrUFpG/Ag1vowRKBAQaEgrV6ylPE7bl4Xpj9fSuYrq++JPS1GB6YRsTXAYIdEpQoGWCAhXo6IFca2j4vXV6aJ0bn/uH31L/0kPNU74cMAIVaFYk0pSdlgQj1Ag1Qg/fg8rw5NqmfM7scIRABTp7tbHMbzedEVomLFCBmvLbGLCxt7HPaoI1NOOF2gJFRJmCQDNeqC1QRJQpCDTjhdoCRUSZgkAzXqj9cKDkIX1FQOOfXT5dn8+HLjss0HLIC/TZgU4flfG1Gl+rid/I3iaFr9XAIZRWEIE+GijVxHVHp6dkGiGp/tQ/Gh/f2NMCyCCNP1s+9Y/GC/Tq17tN+fucwQhNU4wAT/vY1J+pfns9cQ/WdmAKZDq+vR6Btv/NULrD7R1N7bf12+upX99R0W4DSecj/0hO9gQaPjki0PAC2QilkLka6OpPu0jTl2Qhj1h9aj/l4b9dhy0S6ALICI2T+njA5UDJYCov87h8OjrlSR5f39GElxMoG6T1kVyg5bZKoGWgf5I+X3Pqik6IAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
  border-width:  28px;
  border-style:  solid;
  background-color: #6e7857e6;
  display: flex;
  justify-content: space-between;
}

.sticker {
  width: 180px;
}

.stickers {
  border: 2px solid #383e2d;
  padding: 20px;
  background-color: #a6af9175;
  text-align: center;
}

.logo {
  display: block;
  margin: auto;
  height: 40px;
}