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

body{

    font-family:Poppins,sans-serif;

    background:url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=2000&q=80");

    background-size:cover;
    background-position:center;

    height:100vh;

    overflow:hidden;

}

.overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(
    135deg,
    rgba(16,16,16,.85),
    rgba(44,30,18,.80),
    rgba(110,76,43,.55));

}

.container{

    position:relative;

    z-index:5;

    display:flex;

    justify-content:center;

    align-items:center;

    height:100vh;

    padding:40px;

}

.content{

    width:700px;

    max-width:100%;

    text-align:center;

    color:#fff;

}

.badge{

    display:inline-block;

    padding:12px 24px;

    border-radius:50px;

    background:#9b6b43;

    color:#fff;

    margin-bottom:25px;

    letter-spacing:2px;

    font-size:13px;

    text-transform:uppercase;

}

h1{

    font-size:70px;

    line-height:1.1;

    margin-bottom:20px;

    font-weight:700;

}

h1 span{

    display:block;

    color:#d9b382;

}

p{

    color:#ddd;

    line-height:1.8;

    font-size:18px;

    margin-bottom:40px;

}

.buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.buttons a{

    text-decoration:none;

    color:white;

    background:#b67d4b;

    padding:16px 36px;

    border-radius:40px;

    transition:.35s;

    font-weight:600;

}

.buttons a:hover{

    transform:translateY(-5px);

    background:#d39a64;

}

.outline{

    background:transparent !important;

    border:2px solid #b67d4b;

}

.outline:hover{

    background:#b67d4b !important;

}

@media(max-width:768px){

h1{

font-size:46px;

}

p{

font-size:16px;

}

}