*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    height:100vh;
    overflow:hidden;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.background{
    position:fixed;
    inset:0;

    background-image:url("photo.jpg");
    background-size:cover;
    background-position:center;

    filter:blur(18px);
    transform:scale(1.1);

    z-index:-2;
}

.background::after{
    content:"";
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.35);
}

.overlay{

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;

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

    color:white;

    text-align:center;

    padding:24px;
}

.cover{

    width:min(80vw,420px);

    border-radius:24px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.45);

    margin-bottom:30px;
}

h1{

    font-size:2.2rem;
    margin-bottom:8px;
}

p{

    opacity:.85;
    margin-bottom:40px;
}

button{

    border:none;

    background:white;

    color:black;

    padding:18px 42px;

    font-size:1.1rem;

    border-radius:999px;

    cursor:pointer;

    transition:.2s;
}

button:active{

    transform:scale(.96);
}