/* **********************************************************
 * add custom styles after imports below
 * ********************************************************** */

@import "default.css";
@import "layout.css";
@import "menu.css";
@import "queries.css";

/* **********************************************************
 * to import a font, use the @import option, you can find
 * lots of font options at fonts.google.com for example.
 * ********************************************************** */

@import url('https://rsms.me/inter/inter.css');

@font-face {
  font-family: 'NationalPark'; /* Choose a name for the font */
  src: url('/fonts/NationalPark-Medium.woff') format('woff'); /* Path to the .woff file */
  font-weight: normal; /* Adjust according to the font's weight */
  font-style: normal; /* Adjust according to the font's style (normal/italic) */
}

html {
    font-family:monospace;
    
}

#example-1 p{
    /* font-family:inter; */
    font-family:'NationalPark', sans-serif;
   
    line-height: 1.4em;
}


/* **********************************************************
 * Customizing
 *
 * changes to default settings like colors, typography,
 * spacing can be made in default.css
 *
 * other custom settings, start below
 *
 * ********************************************************** */

* {
    line-height: 115%;
    font-weight: 400;
}

body {
    background-color: var(--color-bg);
    color: var(--color-fg);
}

::selection {
  background-color: rgb(31, 31, 31);
  color:rgb(255, 255, 255);
}





  /* Week Numbers */
  .week_numbers {
    display:block;
    position: fixed;
    left:0;
    bottom: 0;
    padding: 30px;
    z-index: 300;
    width: 100%;
    justify-content: space-between;
   
    }

  

  

@media (orientation: portrait) {
    * {
        font-size: 16px;
    }
}