@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
/*font-family: "Shadows Into Light", cursive;
  font-weight: 400;
  font-style: normal;*/
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Shadows+Into+Light&display=swap');
/*   font-family: "Gloria Hallelujah", cursive;
  font-weight: 400;
  font-style: normal;*/
  @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&family=Shadows+Into+Light&display=swap');
  /*// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 700

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

  :root {
  --main-font-color: #535353;
}
body {
  font-family: "Josefin Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:var(--main-font-color);
}
#quotes{
    display:block;
    height: 30px;

}
#author{
    display:block;
    height: 30px;

}
#cursor {
    white-space: pre; /* Preserve spaces */
}
a {
  display:inline-block;
  width: 150px;
  padding: 15px;
  text-decoration: none;
  color:var(--main-font-color);
}
a:active{
    color:var(--main-font-color);
}
a:visited{
    color: var(--main-font-color);
}