@font-face {
  font-family: 'Josefin Sans';
  src: url('/assets/fonts/josefinsans-regular.woff2') format('woff2'),
       url('/assets/fonts/josefinsans-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poly';
  src: url('/assets/fonts/poly-regular.woff2') format('woff2'),
       url('/assets/fonts/poly-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Poly';
    src: url('/assets/fonts/poly-regularitalic.woff2') format('woff2'),
         url('/assets/fonts/poly-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

html {
  --dark: #222;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Futura', 'Josefin Sans', sans-serif;
  font-weight: normal;
}

body {
  color: var(--dark);
  font-family: 'Palatino', 'Poly', serif;
}

a {
  color: var(--dark);
}

a:hover {
  color: #0033cc;
}

hr {
  border: none;
  border-bottom: 1px dotted #999;
}

p {
  line-height: 1.5;
}