*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:beige}.navbar{background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:10px 7%;display:flex}.logo{cursor:pointer;width:160px}ul{text-align:center;flex:1;list-style:none}ul li{cursor:pointer;margin:10px 20px;font-size:20px;display:inline-block}.toogle-icon{width:70px;margin-left:20px}.search-box{background-color:#242424;border-radius:50px;align-items:center;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;max-width:200px;padding:6px;font-size:18px}