body{
margin:0;
font-family:"Libre Baskerville", serif;
color:white;
min-height:100vh;

display:flex;
align-items:center;
justify-content:center;

text-align:center;

background:
linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
url("public/hero.png") center/cover no-repeat;
}

/* Container */

.container{
width:90%;
max-width:520px;
padding:20px;
}

/* Logo */

.logo{
width:100%;
max-width:420px;
height:auto;
margin-bottom:10px;
}

/* Tagline */

.tagline{
font-size:clamp(16px, 2.5vw, 20px);
opacity:.9;
margin-bottom:32px;
}

/* Buttons */

.buttons{
display:flex;
flex-direction:column;
align-items:center;
gap:14px;
}

/* Button */

.btn{
display:block;
width:100%;
max-width:260px;

padding:14px 24px;

border:1px solid white;
color:white;
text-decoration:none;

border-radius:6px;
font-size:15px;

transition:all .25s ease;
}

.btn:hover{
background:white;
color:black;
}