@font-face {
  font-family: 'Jost Light';
  src: url('../fonts/jost-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }

html {
  margin: 0;
  background: #000000;
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  position: relative;
}

.bg-photo {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('../images/bg-candlelit-grainy.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 700px) {
  .bg-photo {
    background-image: url('../images/bg-candlelit-mobile.jpg');
  }

  html, body {
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
  }
}

.logo-corner {
  position: fixed;
  right: 24px;
  bottom: 24px;
  height: 72px;
  width: auto;
  filter: brightness(0) invert(1);
}

@media (min-width: 700px) {
  .logo-corner {
    height: 100px;
    right: 44px;
    bottom: 40px;
  }
}