.site-header{

    background:white;

    position:sticky;

    top:0;

    z-index:999;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

}

.header-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:80px;

}

.logo{

    text-decoration:none;

    color:var(--primary);

    font-size:28px;

    font-weight:700;

}

.main-nav{

    display:flex;

    gap:30px;

}

.main-nav a{

    text-decoration:none;

    color:var(--dark);

    transition:.3s;

}

.main-nav a:hover{

    color:var(--primary);

}

.btn{

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    display:inline-block;

}

.btn-primary{

    background:var(--primary);

    color:white;

}

.btn-primary:hover{

    background:var(--primary-dark);

}