html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  height: 100vh;

  background-image: url("background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  color: white;
}

@font-face {
  font-family: "SorenFont";
  src: url("lazydog.otf") format("opentype");
}

/* big centered title */
.title {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);

  font-family: "SorenFont", sans-serif;

  font-size: clamp(60px, 14vw, 220px);
  letter-spacing: 0.1em;
  
  color: #FFCC6F;

  margin: 0;
}

/* optional spacing cleanup */
h1, p, ul {
  margin: 10px;
}