.navbar{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:90px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 70px;

    z-index:9999;

    background:rgba(0,0,0,.18);

    backdrop-filter:blur(14px);

}

.logo{

    display:flex;

    flex-direction:column;

    line-height:1;

}

.logo-main{

    font-size:2rem;

    font-weight:700;

    color:white;

}

.logo-sub{

    font-size:.75rem;

    letter-spacing:3px;

    color:var(--red);

}

.nav-links{

    display:flex;

    gap:40px;

}

.nav-links a{

    color:white;

    font-size:15px;

    transition:.3s;

}

.nav-links a:hover{

    color:var(--red);

}

.join-btn{

    padding:14px 30px;

    border-radius:50px;

    background:var(--red);

    color:white;

    font-weight:600;

    transition:.35s;

}

.join-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 0 20px rgba(217,4,41,.4);

}