:root {
            --border: #991A1A; /*carmine*/
            --box-bg: rgba(28, 32, 36, 0.95);
            --headers: rgb(153, 26, 26, 0.85);
            
/*text edits*/
body {
    background-color: #000;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/db/Brno_Ossuary%2C_Czechia.jpg);
  color: #C6C3C3; /*silver*/
}
body a:link {
    color: #991A1A; /*carmine*/
    text-decoration: none;
}

body a:visited {
    color: #5A0000; /*rosewood*/
    text-decoration: none;
}
body a:hover {
    color: #991A1A; /*carmine*/
    background-color: #5A0000; /*rosewood*/
    text-decoration: underline wavy red 2px;
}
body a:active {
    color: #5A0000; /*rosewood*/
    text-decoration: underline overline wavy red 2px;
}
b {
    color: #991A1A; /*carmine*/
}
h1 {
    color: #fff;
    background-color: var(--headers);
}
h2 {
    color: #fff;
    background-color: var(--headers);
}
  
/*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.85);  
}
.sidebar {
  border: 2px dashed var(--border);
  color: #BDF1FF;
  background-color: rgba(0, 0, 0, 0.85); 
}
#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: #5A0000; /*rosewood*/;
    background-image: url("");
    color: #B0ABAB; /*silver*/
}

/*for the accordion boxes*/
          .accordion {
    color:#B0ABAB; /*silver*/
}

.accordion label {
    background: #0D1317; /*rich black*/
    border:1px solid #1C2024; /*eerie black 2*/
    color:#B0ABAB; /*silver*/
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    background:#2E2F30; /*jet*/
    color:#B0ABAB; /*silver*/
}
.accordion .content {
    border:1px solid #1C2024; /*eerie black 2*/
    color:#B0ABAB; /*silver*/
}
.accordion p {
    color:#B0ABAB; /*silver*/
}
.accordion h3 {
    color:#B0ABAB; /*silver*/
}

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

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
    border:1px solid #1C2024; /*eerie black 2*/
    color:#B0ABAB; /*silver*/
 }