* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100svh;
    display: grid;
    place-items: center;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: white;
    text-align: center;

    background:
    linear-gradient(rgba(5, 9, 15, 0.45), rgba(5, 9, 15, 0.82)),
    url("images/schupp-coffee-logo.png") center / cover no-repeat;

    background-color: #080d14;
}

main {
    padding: 2rem;
}

h1 {
    margin: 0 0 2rem;
    font-size: clamp(3rem, 10vw, 7rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

h1 span {
    color: #d89b62;
}

a {
    display: inline-block;
    padding: 1rem 1.5rem;

    border-radius: 999px;

    background: #d89b62;
    color: #111;

    font-weight: 800;
    text-decoration: none;

    transition: transform 150ms ease, background 150ms ease;
}

a:hover {
    transform: translateY(-2px);
    background: #e6ad78;
}