:root{
  --gold: #d4af37;
  --gold-hover: #b8942b;
  --ink: #111111;
  --silver: #cccccc;
}

body{
  margin:0;
  font-family: 'Georgia', serif;
  background-color: var(--ink);
  color: var(--gold);
  text-align:center;
}

.container{padding:56px 24px; max-width:900px; margin:0 auto;}

.logo{max-width:260px; height:auto; margin-bottom:18px;}

h1{
  font-size:2.6rem;
  margin:10px 0 20px; /* more space below title */
  color:var(--gold);
  letter-spacing:0.5px;
}

.tagline{
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size:1.05rem;
  color: var(--silver);
  font-style:normal;
  letter-spacing:2px;
  margin:0 0 50px; /* more space below tagline */
}

.button{
  display:inline-block;
  background-color: var(--gold);
  color: var(--ink);
  padding: 12px 26px;
  margin-bottom: 60px; /* pushes button away from footer */
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  letter-spacing:0.4px;
  transition: background-color .25s ease, transform .08s ease-in-out, box-shadow .25s;
  box-shadow: 0 6px 20px rgba(212,175,55,0.18);
}
.button:hover{background-color: var(--gold-hover); transform: translateY(-1px);}
.button:active{transform: translateY(0);}

footer{margin-top:20px; font-size:.9rem; color:#9a9a9a;}