/*
  Place your custom style overrides here.
  Checkout /src/assets/global.scss for an overview of all globally available css variables you
    can override

  NOTE: The main application's styling is included through JavaScript. Therefore, it gets added to
    the head _after_ this file. If you want to override the globally used CSS variables, you can either
    use !important, or increase the specificity from :root
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&family=Dawning+of+a+New+Day&family=Montserrat:wght@500&display=swap');

.cormorant {
    font-family: 'Cormorant', serif !important;
}

.dawning {
    font-family: 'Dawning of a New Day', cursive !important;
}

.montserrat {
    font-family: 'Montserrat', sans-serif !important;
}