.acontainer {
  text-align: left;
  overflow: auto;
  margin-top: 10px;
}

.acontent {
  background-color: #bd92ce;
  background-image: url('/assets/BG2.png');
  border: 2px dashed #1a0b20;
  border-radius: 8px;
  padding: 15px;
  max-width: 1000px;
}

.mainhr {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  clear: both;
  border-color: #1a0b20; 
  border-width: 1px 0 0 0;
  border-style: solid;
  border: 1px dashed #1a0b20;
  width: 300px;
  float: left;
}

.divider {
  background-color: rgba(221,159,245,0.4);
  border: 1px solid #1a0b20; 
  padding: 5px 0 2px 0;
  border-radius: 8px;
  width: 80%;
  text-align: center;  
  max-width: 1000px;
  margin: 10px !important;
}

.header {
  padding: 10px;
  margin: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -17px;
  background-color: #1a0b20;
  color: #a478b5;
  border-radius: 6px;
  border: 2px solid #a478b5;
  text-align: left;
}

span {
  text-align: left;
  margin-top: 10px
}

h4 {
  text-align: left;
  font-style: italic;
  font-size: 15px;
  padding: 5px;
  margin: 0;
}

p {
  margin: 0;
  padding: 10px;
  font-weight: normal;
  font-size: 12px;
}

/* Content Warning box */
.cw {
  padding: 10px 10px 10px 75px;
  color: #1a0b20;
  border: 3px dashed #be2a2a;
  background-color: rgba(232,194,247,0.4);
  background-image: url(/assets/attention.png);
  background-repeat: no-repeat;
  background-position: 15px center
}

/* Quotes / Display boxes */
.qtitle {
  padding: 5px;
  margin: auto;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -10px;
  background-color: #1a0b20;
  color: #a478b5;
  border-radius: 6px;
  border: 2px solid #a478b5;
  text-align: left;
}

.quote {
  background-color: rgba(232,194,247,0.4);
  border: 1px solid #1a0b20;
  border-radius: 8px;
  padding: 5px;
  margin-top: 5px;
}

/* Collapsables / Spoilers */
input[type='checkbox'] { 
  display: none; 
} 
 
.collapsible-content {
  height: 0;
  overflow: auto;
  background-color: rgba(232,194,247,0.4);
  color: #1a0b20;
  border-radius: 8px;
  margin: -10px 0 0 0;
}
 
.lbl-toggle { 
  display: block;
  padding: 5px; 
  cursor: pointer; 
  transition: all 0.25s ease-out; 
  color: #a478b5; 
  background: #1a0b20;
  font-size: 14px;
  border: 2px solid #a478b5; 
  border-radius: 8px;
  margin: 0 -2px 0 -2px;
} 

.lbl-toggle::before { 
  content: ' '; 
  display: inline-block; 
  border-top: 5px solid transparent; 
  border-bottom: 5px solid transparent; 
  border-left: 5px solid currentColor; 
  vertical-align: middle; margin-right: .7rem; 
  transform: translateX(3px) translateY(-2px);
  transition: transform .2s ease-out; 
} 
 
.toggle:checked+.lbl-toggle::before { 
  transform: rotate(90deg) translateX(-1px) translateY(-3px); 
} 
 
.toggle:checked + .lbl-toggle + .collapsible-content { 
  height: auto; 
}
 
.collapsible-content .content-inner { 
  padding: 10px 5px 5px 5px;
  border: 1px dashed #1a0b20;
  border-radius: 8px;
  text-align: left;
}