*{margin:0;padding:0;box-sizing:border-box}body{font-family:poppins;line-height:1.6;position:fixed}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:bold}.nav-links{list-style:none;display:flex}.nav-links li{margin-left:20px}.nav-links a{color:#fff;text-decoration:none;font-size:18px}header button{color:#fff}.menu-toggle{display:none;flex-direction:column;cursor:pointer;position:absolute;right:10px;top:10%}.menu-toggle .bar{width:25px;height:3px;background-color:#fff;margin:4px 0}.close-btn{display:none;font-size:30px;top:0;right:5px;font-size:36px;margin-left:50px;margin-bottom:20px;cursor:pointer}@media(max-width:768px){.nav-links{top:-10px;left:0;height:550px;background:#333;flex-direction:column;align-items:center;justify-content:flex-start;padding:2px;transform:translateX(100%);transition:transform .1s ease-in;font-size:40px;z-index:999;align-content:center;width:100%;position:absolute}.nav-links.active{transform:translateX(0)}.menu-toggle{display:flex;order:1}.close-btn{display:block}.responsive{width:100%;height:350px;display:flex;object-fit:cover}}.container{cursor:pointer}