/* use Andika - Regular in .woff format */
@font-face {
  font-family: Andika;
  src: url("../assets/fonts/Andika-Regular.woff2");
}
/* use Andika - Italic in .woff2 format */
@font-face {
  font-family: Andika;
  font-style: italic;
  src: url("../assets/fonts/Andika-Italic.woff2");
}
/* use Andika - Bold in .woff2 format */
@font-face {
  font-family: Andika;
  font-weight: bold;
  src: url("../assets/fonts/Andika-Bold.woff2");
}
/* use Andika - Bold Italic in .woff2 format */
@font-face {
  font-family: Andika;
  font-weight: bold;
  font-style: italic;
  src: url("../assets/fonts/Andika-BoldItalic.woff2");
}

:root {
  --bkgColour: #384f38;
  --mainColour: #c5a77e;
  --accentColour: #d49092;
  --accentColourDark: #682927;

  --mobile_body: 0.9rem;
  --mobile_map: 0.5rem;
  --mobile_h1: 1.5rem;
  --mobile_h2: 1rem;

  --side-panel: 170px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--bkgColour);
  color: var(--mainColour);
  font-family: "Andika", monospace;

  font-weight: normal;

  -webkit-font-feature-settings: "ss01" 1;
  -moz-font-feature-settings: "ss01" 1;
  -ms-font-feature-settings: "ss01" 1;
  font-feature-settings: "ss01" 1;

  overflow-x: hidden;
}

.projectTitle {
  font-style: italic;
}

a,
button {
  cursor: pointer;
}