:root {
            --border: #B8772A; /*copper*/
            --box-bg: rgba(41, 0, 0, .75);
            --headers:  rgb(150, 11, 11, 0.5);
            
/*text edits*/
body {
    background-color: #202020; /*eerie black*/
    background-image: url(https://i.ibb.co/C5rHSZkj/image.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  color: #F2B04E; /*honey bronze*/
}
body a:link {
    color: #82FF69; /*mint glow*/
}

body a:visited {
    color: #B8772A; /*copper*/
}
body a:hover {
    color: #fff; /*white*/
    background-color: rgba(186, 252, 172, 0.45);
    border: 2px outset;
    border-color: #82FF69; /*mint glow*/
    text-decoration: none !important;
}
body a:active {
    color: #82FF69; /*mint glow*/
    text-decoration: underline overline wavy orange 2px;
}
b {
    color: #82FF69; /*mint glow*/
}
h1 {

    color: #82FF69; /*mint glow*/
    background-color: var(--headers);
}
h2 {
    color: #82FF69; /*mint glow*/
    background-color: var(--headers);
}

.sysm th, .sysm td  {
  border: 2px solid red !important;
  border-radius: 10px;
  padding: 5px 5px 0 5px; /* top right bottom left*/
}
  
/*layout edits*/
.grid {
  border-image: url("");
 border: 15px;
  }
#header {
  background-color: var(--box-bg);
  border: 2px dashed var(--border);
}
#nav {
  border: 2px dashed var(--border);
  background-color: rgba(0, 0, 0, 0.65);  
}
.sidebar {
  border: 2px dashed var(--border);
  color: #BDF1FF;
  background-color: rgba(0, 0, 0, 0.65); 
}
#main {
  border: 2px dashed var(--border);
  background-color: var(--box-bg);
}
#aside {
  border: 2px dashed var(--border);
  background-color: var(--box-bg);
}
#aside2 {
  border: 2px dashed var(--border);
  background-color: var(--box-bg);
}
#footer {
  background-color: var(--box-bg);
  border: 2px dashed var(--border);
   }

.title { /*images for subsection titles*/
    background-color: rgba(186, 252, 172, 0.45);
    border: 3px outset;
    border-color: #82FF69; /*mint glow*/
    background-image: url("");
    color: #fff; /*white*/
}

/*for the accordion boxes*/
.accordion {
    color:#3D0202; /*rich mahogany*/
}

.accordion label {
    background:#960B0B; /*oxblood*/
    border:1px solid #202020; /*eerie black*/
    color:#F2B04E; /*honey bronze*/
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    background:#3D0202; /*rich mahogany*/
    color:#F2B04E; /*honey bronze*/
}
.accordion .content {
    border:1px solid #202020; /*eerie black*/
    color:#F2B04E; /*honey bronze*/
}
.accordion p {
    color:#F2B04E; /*honey bronze*/
}
.accordion h3 {
    color:#F2B04E; /*honey bronze*/
}

.vertical ul li label:hover {
    border:1px solid #202020; /*eerie black*/
}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
    border:1px solid #202020; /*eerie black*/
    color:#F2B04E; /*honey bronze*/
}