:root{
--green:#3b4a3f;
--cream:#ece5d3;
--sand:#c8a96b;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:linear-gradient(180deg,#435548,#2e3a32);
color:var(--cream);
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
}
.hero{
text-align:center;
padding:40px;
}
.logo{
max-width:760px;
width:90%;
background:white;
padding:10px;
border-radius:4px;
}
.tagline{
margin:40px 0;
font-size:2rem;
letter-spacing:.35em;
text-transform:uppercase;
color:var(--sand);
}
.button{
display:inline-block;
padding:16px 48px;
border:2px solid var(--sand);
color:var(--cream);
text-decoration:none;
border-radius:6px;
font-size:1.1rem;
text-transform:uppercase;
transition:.2s;
}
.button:hover{
background:var(--sand);
color:#222;
}