@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap')

$fontNotoSerif: 'Noto Serif Bengali', serif


$blackColor: #000
$whiteColor: #fff


*
    list-style: none
    text-decoration: none

body
    height: 200vh

// navbar
#navbar
    position: sticky
    top: 0
    background: aliceblue
    padding: .75rem 0

    .container
        display: flex
        justify-content: space-between
        align-items: center

    .nav-links
        display: flex
        justify-content: center
        align-items: center
        gap: .75rem

        li
            margin: unset
            padding: unset

    .link-item
        padding: .25rem .75rem
        margin: unset
        color: $blackColor
        font-weight: 600
        background: $whiteColor

    .login-registar
        display: flex
        justify-content: center
        align-items: center
        gap: .25rem
        font-family: $fontNotoSerif
        font-weight: 600

// navbar end