nav{display: flex; justify-content: space-between;}

nav, #heroSectionr{max-width: 1600px;}



@media screen and (min-width: 1200px){
    .NavItems{display: flex; column-gap: 35px; align-items: center;}
    nav{background-color: #fff; padding: 10px 25px; border-radius: 12px; margin-top: 35px; width: 90%;}
    .blob{display: none;}
    
}




@media screen and (max-width: 1200px){
    .NavItem{background-color: transparent; color: #252525; width: 100%;;}
    .NavItems{width: 100%; position: fixed; left: 0; top: 0;}
    
    .hidenav{transform: translatey(-125%);}

    .navBtn{border-radius: 0px;}

    .NavItem, .navBtn{padding-left: 20svw; padding-block: 35px; font-size: 32px; font-weight: 600;}
    
    .nav-li:nth-child(odd){background-color: var(--light-bg);}
    .nav-li:nth-child(even){background-color: var(--dark-bg);}

    .blob{
        width: 65px; 
        height: 65px;
        background-color: #fff;
        border-radius: 42% 64% 52% 53%;
        position: fixed;
        right: 25px;
        bottom: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}


.credits{background-color: #000; color: var(--light-text); padding-block: 50px; width: 100%; text-align: center;} 

footer{background-color: #000; color: var(--white);}

svg{height: 35px; width: 35px;}
.socials-con{background-color: #fff; width: fit-content; border-radius: 50%; padding: 15px; display: flex; align-items: center; justify-content: center;}