* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-family: "Rubik Dirt", system-ui;
}

/* Full screen background */
body {
  background: url("background.jpg") no-repeat center center fixed;
  background-size: cover;
}

/* Text positioning */
.hero {
  height: 100vh;
  width: 100%;
  position: relative;
}

/* "Moccado" styling */
.hero h1 {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  font-size: clamp(2.5rem, 5vw, 5rem);
  font-weight: 300;
  letter-spacing: 0.05em;
  color: white;
}