:root {
  /*The default Color Palette for the Site + Fonts + BG textures and header banner images*/
  --background-color: #000000;
  --border-color: #00347D;
  --text-border: #00347D;
  /*text color variants*/
  --red-color: #f08080;
  --blue-color: #6495ed;
  --green-color: #98fb98;
  /*border ribbons and inner headings*/
  --border-color2: #00C5FF;
  --bold-color: #00C5FF; 
  --ribbon-color: #000000;
  /*section headings*/
  --base-color: #002448;
  /*section bgs*/
  --header-color: #414185;
  --button-color: #414185; 
  --border-color3: #414185; 
  /*inner sub headings, sidebar headings, and header nav*/
  --header-color2: #00C5FF;
  --tablerow-color1: #00C5FF;
  /*table titles and headings*/
  --text-color: #00C5FF;
  /*default text color; contrasts with section bgs*/
  --secondary-text: #ffffff;
  --tablerow-color1: #ffffff;
  /*inner container bgs, header nav hover color, and progress bar text*/
  --innerBG-color: #ffffff;
  --text-outline-color: white;
  --hover-text: white;
  /*header nav text outline*/
  --text-outline-color2: black;
  /*progress bard text outline*/
  --background-image: url("https://files.jcink.net/uploads2/deltaruneboards/assets/background.png");
  --header-image: url("https://file.garden/aToBk5TIEmYBFO_u/website/images/banner.png");
  --splash-image: url("/images/splash_bg.jpg");
  --header-font: "Bubblegum Sans", "Verdana", sans-serif;
  --body-font: "Atkinson Hyperlegible", "Verdana", sans-serif;
  --bullet-symbol: "🟆";
}