body{

margin:0;

background:#07100C;

color:white;

font-family:'Cormorant Garamond',serif;


}

.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-image:url("assets/images/worldtree.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
}

.hero-overlay{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center,
      rgba(255,230,170,.18),
      rgba(0,0,0,.25) 42%,
      rgba(0,0,0,.62) 100%);
}

.hero-content{
  max-width:900px;
  padding:45px;
  text-align:center;
}

.hero h1{

font-family:'Great Vibes',cursive;

font-size:110px;

font-weight:normal;

color:#E6C977;

text-shadow:

0 0 12px rgba(255,223,120,.45),

0 0 25px rgba(255,223,120,.25);

margin-bottom:15px;


}

.hero h2{

font-family:'Cormorant Garamond',serif;

font-size:42px;

font-weight:600;

letter-spacing:2px;

color:#F6F2E4;

margin-bottom:20px;


}

.hero p{

font-size:26px;

color:#EADFC7;

font-style:italic;


}

.forest-button{

display:inline-block;

padding:18px 45px;

background:rgba(78,54,33,.92);

border:2px solid #C8A85A;

color:#F5E7B5;

font-family:'Cormorant Garamond',serif;

font-size:28px;

text-decoration:none;

border-radius:12px;

box-shadow:

0 8px 25px rgba(0,0,0,.45),

0 0 18px rgba(255,220,120,.18);

transition:.35s;
cursor:pointer;
}

.forest-button:hover{

background:#7D5F46;

transform:translateY(-4px) scale(1.03);

box-shadow:

0 12px 30px rgba(0,0,0,.5),

0 0 28px rgba(255,220,120,.35);


}

.story{

padding:120px 80px;

background:#0F1A15;

}

.content{

max-width:900px;

margin:auto;

line-height:2;

font-size:22px;

}