@media (min-width : 640px){
    .nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nav ul{
        display: flex;
        gap: 30px;
    }
}
@media (min-width : 600px) {
    .chefs{
        display: flex;
        justify-content: space-around;
    }
}
    /*^========> Customize Scrollbar <========*/
    ::-webkit-scrollbar {
        width: 12px;
        background-color: #fff;
        border-left: 2px solid #eee;
        box-shadow: 0px 0px 21px 0px #0003 inset;
      }
      ::-webkit-scrollbar-thumb {
        background-color: #000;
        box-shadow: 0px 0px 10px 0px #eeeeee8c inset;
        border-radius: 100vh;
      }