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

body{

    font-family:Montserrat,sans-serif;
    background:#000;
    color:white;
}

.hero{

    width:100%;
    height:100vh;

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

    position:relative;

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

    overflow:hidden;

}

.overlay{

    position:absolute;

    width:100%;
    height:100%;

    background:
    linear-gradient(to bottom,
    rgba(0,0,0,.65),
    rgba(0,0,0,.82));

}

.content{

    position:relative;
    z-index:2;

    text-align:center;

    width:90%;
    max-width:900px;

}

.logo{

    width:220px;

    margin-bottom:35px;
}

.tag{

    color:#D7FF2F;

    letter-spacing:3px;

    font-weight:700;

    font-size:14px;

    display:block;

    margin-bottom:20px;

}

h1{

    font-size:62px;

    font-weight:800;

    line-height:72px;

    margin-bottom:15px;

}

h2{

    font-size:34px;

    color:#D7FF2F;

    margin-bottom:25px;

    font-weight:600;

}

p{

    color:#cfcfcf;

    font-size:20px;

    margin-bottom:50px;

}

.buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.btn{

    text-decoration:none;

    color:#000;

    background:#D7FF2F;

    padding:18px 42px;

    border-radius:50px;

    font-weight:700;

    transition:.3s;

}

.btn:hover{

    transform:translateY(-5px);

    box-shadow:0 0 35px #D7FF2F;

}

.btn2{

    text-decoration:none;

    color:white;

    border:2px solid #D7FF2F;

    padding:18px 42px;

    border-radius:50px;

    font-weight:700;

    transition:.3s;

}

.btn2:hover{

    background:#D7FF2F;

    color:#000;

}

@media(max-width:768px){

.logo{

    width:160px;

}

h1{

    font-size:38px;

    line-height:46px;

}

h2{

    font-size:28px;

}

p{

    font-size:18px;

}

}