@font-face {
    font-family: inkFree;
    src: url(../fonts/Inkfree.ttf);
}

div {
    font-family: inkFree;
    color: rgb(132, 245, 255);
    font-size: 3vh;
}


.bg-body {
  position: relative;
  min-height: 100vh;    /* ensures full screen background */
  overflow: hidden;

  background-color: rgb(14, 111, 144);
}

.bg-body::before {
  content: "";
  position: fixed;      /* fixed makes it always fill viewport */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background-image: url("../assets/slumber.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  filter: blur(10px);
  -webkit-filter: blur(10px);

  z-index: -1;          /* behind all content */
}