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

html,
body{

    width:100%;
    height:100%;
    font-family:Inter,sans-serif;

}

body{

    background-image:url("images/background.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.overlay{

    width:100%;
    height:100vh;

    background:rgba(255,255,255,.73);

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

    padding:20px;

}

.content{

    text-align:center;
    max-width:650px;

}

.logo{

    width:180px;
    margin-bottom:30px;

}

h1{

    font-size:42px;
    font-weight:700;

    margin-bottom:18px;

    color:#111;

}

p{

    font-size:21px;
    line-height:1.6;

    color:#444;

    margin-bottom:40px;

}

.button{

    display:inline-block;

    background:#000;

    color:#fff;

    text-decoration:none;

    padding:18px 42px;

    border-radius:12px;

    font-size:18px;

    font-weight:700;

    transition:.25s;

}

.button:hover{

    background:#222;

    transform:translateY(-2px);

}

@media(max-width:768px){

.logo{

width:140px;

}

h1{

font-size:28px;

}

p{

font-size:18px;

}

.button{

width:100%;

padding:18px;

}

}