/* 
.josefin-slab-<uniquifier> {
  font-family: "Josefin Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

/*
.josefin-sans-<uniquifier> {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

/*
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
*/

/* Color Palette:
    #ffffff White (text)
    #ebebeb Light Grey (light backgrounds, text)
    #bebebe Medium Grey (mid backgrounds)
    #525252 Dark Grey (dark backgrounds)
    #000000 Black (text)
    #0a8b7a Green (Buttons)
*/

h1 {
    font-family: "Josefin Sans", sans-serif;
}
h2 {
    font-family: "Josefin Slab", serif;
}
p {
    font-family: "Roboto", sans-serif;
}
#lightBG {
    background-color: #ebebeb;
    padding: 10px;
    color: #000000;
}
#midBG {
    background-color: #bebebe;
    padding: 10px;
}
#darkBG {
    background-color: #525252;
    padding: 10px;
    color: #ebebeb;
}
.button {
    background-color: #0a8b7a;
    padding: 10px;
    width: fit-content;
    color: #ffffff;
}