@font-face {
  font-family: "LorenBlakeHybrid";
  src: url("/fonts/Loren Blake Hybrid.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LorenBlakeScript";
  src: url("/fonts/Loren Blake Script.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LorenBlakeSerif";
  src: url("/fonts/Loren Blake Serif.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}


body {
  background-image: url("/images/cloud-bg.jpg");
  background-size: cover;       /* Scale image to cover entire viewport */
  background-position: center;  /* Center the image */
  background-repeat: no-repeat; /* Prevent tiling */
  background-attachment: fixed; /* Keeps it fixed while scrolling */
}

.bg-blur {
  background-color: rgba(33, 37, 41, 0.5); /* semi-transparent dark (Bootstrap dark gray) */
  backdrop-filter: blur(10px);              /* main blur effect */
  -webkit-backdrop-filter: blur(10px);      /* Safari support */
}

.yearn-logotype {
  font-family: "LorenBlakeHybrid", serif;
}

.yearn-serif {
  font-family: "LorenBlakeSerif", serif;
}