/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@font-face {
  font-family: "Averia Serif Libre";
  src: url("/fonts/AveriaSerifLibre-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Averia Serif Libre";
  src: url("/fonts/AveriaSerifLibre-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Averia Serif Libre";
  src: url("/fonts/AveriaSerifLibre-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Averia Serif Libre";
  src: url("/fonts/AveriaSerifLibre-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Averia Serif Libre";
  src: url("/fonts/AveriaSerifLibre-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Averia Serif Libre";
  src: url("/fonts/AveriaSerifLibre-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Allison";
  src: url("/fonts/Allison-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

* {
  font-family: "Averia Serif Libre", serif;
}

.allison {
  font-family: "Allison", serif;
}

.vertical-dots {
  background: radial-gradient(
    ellipse at center,
    #4f723f 0%,
    #4f723f 30%,
    transparent 30%
  );
  background-size: 20px 20px;
  background-repeat: repeat-y;
  background-position: 5px center;
}