@import url('https://fonts.googleapis.com/css2?family=Jersey+15&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

/*colors and fonts*/
body {
  background-color: #232A2E;
  background-image: url("/backgrounds/dark_mountains_strict.png");
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  color: #D3C6AA;
  font-family: 'Share Tech Mono', monospace;
  
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Jersey 15', sans-serif;
}

/*slightly scale everything up*/
html {
  font-size: 17px;
}

.content-box {
  background: #123e4f;
  border: 4px solid #d4a373;
  padding: 1.5em;
  max-width: 700px;
  margin: 5em auto;
  text-align: center;
  color: #fdf6e3;
}

.nav-box {
  background: #123e4f;
  border: 4px solid #d4a373;
  padding: 1.5em;
  max-width: 700px;
  margin: 5em auto;
  text-align: center;
  color: #fdf6e3;
  z-index: 100;                  /* keep it on top */
}


/* -------------------------
   Light Mode Overrides
------------------------- */

.light-mode {
  background-color: #F0F1D2;
  background-image: url("/backgrounds/light_sagegrass_strict.png");
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  color: #212121;
}

.light-mode .content-box {
  background: #d1dc80; 
  border: 4px solid #60662e;
  padding: 1.5em;
  max-width: 700px;
  margin: 5em auto;
  text-align: center;
  color: #212121;
}