.navbar{

    width:100%;
    background:#0d1117;

    position:sticky;
    top:0;
    z-index:999;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.navbar-container{

    height:75px;

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

}

.logo{

    font-size:30px;
    font-weight:800;

}

.logo-orange{

    color:#ff6600;

}

.menu{

    display:flex;
    gap:35px;

}

.menu a{

    color:#ddd;
    font-weight:600;
    transition:.25s;

}

.menu a:hover{

    color:#ff6600;

}

.navbar-buttons{

    display:flex;
    gap:15px;

}

.btn-login{

    color:#fff;
    padding:12px 20px;

}

.btn-register{

    background:#ff6600;
    color:white;

    padding:12px 24px;

    border-radius:8px;

    font-weight:bold;

    transition:.25s;

}

.btn-register:hover{

    background:#ff7f24;

}

@media(max-width:900px){

.menu{

display:none;

}

.logo{

font-size:24px;

}

}