@import "navbar.css";
@import "menus.css";

/* Variables */
body {
  --main-color: #E5C130;
  --main-color-dark: #B29625;
  --main-color-darker: #967e1d;
  --accent-color: #333;
  --accent-color-dark: #111;
}

::selection {
  color: #EEE;
  background-color: var(--main-color-darker);
}

html, body {
  margin: 0;
  height: 100%;
}

body {
  background-color: #F8F8F8;
  font-family: Candara, "Candara Backup", Helvetica, sans-serif;
  display: flex;
  flex-direction: column
}

article, main {
  flex: 1 0 auto;
}

footer {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  background-color: #333333;
  margin-top: 20px;
}

/* The Candara font does not seem to exist on mobile, so we add it ourselves as a backup. */
@font-face {
  font-family: "Candara Backup";
  src: url("/assets/fonts/CANDARA.woff");
}