<style>

/* ===== GENERAL ===== */
body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}

/* ===== HERO (HOMEPAGE) ===== */
.hero {
  height: 100vh;
  background-image: url('candle.jpg');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding-left: 8%;
  color: #f4efe9;
  position: relative;
}

/* ===== INNER PAGES ===== */
body.inner-page {
  background-color: #2f2a26;
  color: #f4efe9;
}

/* make ALL text white on inner pages */
body.inner-page h1,
body.inner-page h2,
body.inner-page p,
body.inner-page li,
body.inner-page a {
  color: #f4efe9;
}

/* ===== LAYOUT FOR INNER PAGES ===== */
.inner-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-left: 8%;
}

/* ===== TEXT ===== */
h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 20px;
}

h2 {
  font-size: 2.5rem;
  font-weight: 500;
}

p {
  font-size: 2.4rem;
  line-height: 1.4;
  max-width: 600px;
}

li {
  font-size: 1.8rem;
  line-height: 1.7;
  margin-bottom: 10px;
}

/* ===== LINKS ===== */
a {
  color: #f4efe9;
  text-decoration: underline;
  font-size: 2rem;
}

a:hover {
  opacity: 0.8;
}

/* ===== HOMEPAGE LINKS ===== */
.links a {
  display: block;
  margin: 12px 0;
  text-decoration: none;
}

}

</style>