:root {
    --text: #FFF;
    --lightBG: #0D3800;
    --darkBG: #071F00;
    --pageBG: #000;
    --accent: #16E937;
}

body {
  background-color: var(--pageBG);
  color: var(--text);
  font-family: Consolas;
  font-size: 18px;
}

body a {
  color: var(--accent);
}

body a:hover {
  filter: brightness(1.5);
  background-color: var(--lightBG);
}

#main {
  width: 95%;
  height: 95%;
  background-color: var(--darkBG);
  outline: 1px dashed var(--accent);
  padding: 5px 20px;
}

.collapsible {
  font-family: Consolas;
  background-color: var(--lightBG);
  color: var(--text);
  cursor: pointer;
  padding: 5px;
  width: 100%;
  border: 1px dotted var(--accent);
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible:hover {
  filter: brightness(1.5)
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: var(--darkBG);
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}