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

body{

    font-family:'Inter',sans-serif;

    background:#ffffff;

    color:#202124;

}

.container{

    max-width:620px;

    margin:120px auto;

    padding:0 30px;

}

h1{

    font-size:3.5rem;

    font-weight:700;

    letter-spacing:-1.5px;

    margin-bottom:12px;

}

h2{

    font-size:1.4rem;

    font-weight:500;

    color:#6b7280;

    margin-bottom:70px;

}

.welcome{

    font-size:1.35rem;

    color:#222;

    margin-bottom:20px;

}

p{

    font-size:1.2rem;

    line-height:1.8;

    color:#555;

}

.buttons{

    display:flex;

    gap:16px;

    margin-top:55px;

    margin-bottom:55px;

    flex-wrap:wrap;

}

.button{

    display:inline-block;

    padding:14px 24px;

    border:1px solid #d1d5db;

    border-radius:10px;

    color:#202124;

    text-decoration:none;

    font-weight:600;

    transition:.2s ease;

}

.button:hover{

    background:#f5f5f5;

    border-color:#bdbdbd;

}

.contact a{

    text-decoration:none;

    color:#6b7280;

    font-size:1.05rem;

}

.contact a:hover{

    color:#202124;

}

footer{

    margin:100px auto 40px;

    text-align:center;

    color:#9ca3af;

    font-size:.9rem;

}

@media (max-width:700px){

    .container{

        margin:70px auto;

    }

    h1{

        font-size:2.5rem;

    }

    h2{

        font-size:1.15rem;

    }

    p{

        font-size:1.05rem;

    }

}