html{
scroll-behavior: smooth;
}

:root {
  --primary: #373430;
  --primary-light: #FFFFFF;
  --primary-dark: #D1D1D1;
  --primary-background: #fffcf6;
  --primary-text: #000000;
  --primary-heading: #5b5b5b;
  --primary-link-color: #525252;
  --primary-link-visited: #3B3B3B;
  --primary-link-hover: #3B3B3B;
  --background-brown: #363430;
  --secondary-color: #9fc058;
}

@font-face {
    font-family: 'raleway';
    src: url(/files/user-upload/fonts/Raleway-Bold.ttf) format('truetype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'raleway';
    src: url(/files/user-upload/fonts/Raleway-Regular.ttf) format('truetype'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'droid';
    src: url(/files/user-upload/fonts/Droid.ttf) format('truetype'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a {
  color: var(--primary-light);
}

a:hover {
  color: var(--secondary-color);
}

input[type="checkbox"]:focus{
  outline:0 !important;
}

body {
  background-color: rgb(255, 252, 247);
  font-family: raleway;
  font-size: 14pt;
}

h1, h2, h3, h4 {
  font-family: droid, serif;
}

h1 {
  font-weight: bold;
  font-size: 32pt;
  color: var(--primary-heading)
}

h2 {
  font-size: 24pt;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.3em
}