#optionsbox {
  position:sticky;
  top:10px;
  height:500px;
  background:transparent;
  border:0;
}

#filterbox {
  padding:0px 20px;
  background:#85733e;
  border:3px solid #270d12;
  border-radius:13px;
  border-top-left-radius:0px;
  border-top:0;
  
  color:#f6f2cc;
  font-family:"Dongle", sans-serif;
  font-size:22px;
  overflow-y:auto;
  scrollbar-color:#270d12 #85733e;
  scrollbar-width:thin;
}

.filterboxheader {
  background:#684624;
  border:3px solid #270d12;
  color:#f6f2cc;
  border-top-left-radius:13px;
  border-top-right-radius:13px;
  padding:7px;
  font-family:"Stylish", sans-serif;
  font-size:23px;
  font-weight:bold;
}

.archive-item {
    margin:0px 20px;
    width:43%;
}

.archive-item img{width: 100%;}

.archive-item-title {
  font-weight: bolder;
  font-family: var(--display-font);
  font-size: 1.2rem;
  padding: 0.5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 0;
}

#archive_content {
  display:flex;
  flex-direction:row;
  align-items:center;
  max-width:100%;
  flex-wrap:wrap;
}

.archive-item-tags { padding: 0.5rem; margin-top:-43px; width:100%; }
.archive-item-tags button {
    background-color: lightgray;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 5px;
    border: 0;
}

.hidden { display: none; }

#archive_buttons button {
  margin:1rem 0 auto;
  padding:0px 20px;
  background:#684624;
  border:3px solid #270d12;
  border-radius:13px;
  color:#f6f2cc;
  font-family:"Dongle", sans-serif;
  font-size:22px;
}


#archive_tags { margin-bottom: 1rem; }

.archive-tag { 
  display: inline-block;
  margin: 5px;
  padding: 8px 10px 3px;
  background: #684624;
  border-radius: 20px;
  border: 3px solid #270d12;
}

.archive-tag span {
  margin-left:10px;
}