body {
  background-image:url(/assets/images/wallpaper.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#3e0a06;
  color:#FDAD57;}
  
a {color:#f79a53}

details {font-size:1.3em;border-bottom:2px solid #2f0504;}

.iconify {color:#f79a53;}
/*hdft*/
header {background:url(/assets/images/hd.png) #2f0504 repeat-x;}
header a{color:#f79a53}
footer {background:url(/assets/images/ft.png) repeat-x 100% 0;}
footer a{color:#f79a53}
/*Block*/
.block {
  background:#2f0504;
  border:5px double #FFE891;
  }
.block-inner {background:#3e0a06;}
/*Tab*/
.tab {background-color: #2f0504;}
.tab button {color: #f79a53;}
.tab button:hover {background-color: #3e0a06; color: #f79a53;}
.tab button.active {background-color: #3e0a06; color: #f79a53;}
/*Extra*/
.detailbox details > summary {background:#2f0504;}
.detailbox details {background:#574e7a;}
#pfp {border: 5px inset #FFE891;}
/*Submenu*/
.sub-menu li {background:#3e0a06; border:2px solid #FFE891;}
.sub-menu li a:hover{background:#2f0504; color:#f79a53}
/*Credit*/
#pagetop {
  background:#2f0504;
  color:#f79a53;
  border:3px solid #f79a53;
  }
#pagetop:hover,#fl:hover {background:#2f0504;}
#fl a {background:#2f0504; color:#f79a53;}
/*header frames lists table gallery*/
.menu th {background:#2f0504; color: #f79a53;}
.ptable th {background:#2D2D2D; color: #f79a53;}
.shtable td {background:#2D2D2D; color: #f79a53;}
.menu tr:nth-child(even) {background-color: #2D2D2D;}
.ptable tr:nth-child(even) {background-color: #2D2D2D;}
.navtb tr {background:#0F0F0F;}
#character {background:#2f0504;}
figcaption {color:#f79a53;font-size:.8em;line-height: 1.4em;}
h2 {color:#f79a53; border-bottom:2px solid #f79a53;}
h2::after{background:#2f0504;}
h3 {color:#f79a53; border-bottom:3px solid #2f0504}
dt {color:#f79a53;}
em {
  background:#f79a53;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #2f0504), color-stop(0.79, #2f0504), color-stop(0.8, #2f0504), color-stop(1, #2f0504));
  background:-webkit-linear-gradient(transparent 80%, #2f0504 0%);
  background:linear-gradient(transparent 80%, #2f0504 0%);
  }
input,textarea {background:#f79a53;}
hr {background: #f79a53; border-color: #f79a53;}
.marker {background:#000000; color:#BEBEBE;}
.dcline {border-left:5px solid #f79a53;}
.title:first-letter {color:#f79a53;}
.txt {color:#FDAD57;}
.frame {background:#3e0a06;}
#filterbox {height:420px;}
/*screens*/
@media screen and (max-width: 600px){
  #menu {background:#2f0504;}
  nav li a,nav li span {color:#FDAD57;}
  nav li a:hover,nav li span:hover,.sub-menu li a:hover {background:#2f0504; color:#FDAD57}
  .sub-menu li a {color:#f79a53}
  nav li span:after {border-top:3px solid #FFE891;border-right:3px solid #FFE891;}
}

.bothside {display: flex;justify-content:space-between;gap: 8px; height:600px;}
    .leftside {width:25%;overflow-y:scroll;}
    .rightside {overflow-y:scroll;width:75%;}