/* CSS is how you can add shit to your website. */
/* variables */
:root {
  /* bg colours */
  --content-background-colour: #311e1e;


  /* text stuff */
  --text-colour: #000;
  --link-colour: #86c527;
  /*--link-color-hover: #339331;*/
  --font: 'Comic Sans', cursive;
  --heading-font: 'Papyrus', sans-serif;
  --font-size: 16px;

  /* box things */
  --border: 5px solid #ff8000;
  --margin: 8px;
  --padding: 20px;

  --sidebar-width: 200px;
}

body {
  justify-content: center;
  border: var(--border);
  margin: var(--margin);
  padding: var(--padding);
  background-color: #311e1e;
  font-family: var(--font);
  color: black;
}

::selection {
  background: rbga(0,0,0,0.5);
}

header {
  font-size: 20px;
  color: black;
}
.header-content {
  
}
.header-title {
  font: "Papyrus";
}

main {
  line-height: 2;
  background-color: black;
}

 main a, main a:visited {
  color: green;
}