.navbar{border-bottom:1px solid #e9ecef;padding:1rem 0;position:relative}.container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo img{border-radius:50%;width:100px;height:100px}.nav-links{flex-grow:1;list-style:none;display:flex}.nav-links li{margin-left:20px}.nav-links a{color:#000;font-size:1rem;text-decoration:none}.active-link{font-weight:700}.social-icons{display:flex}.social-icons a{color:#000;margin-left:10px;font-size:1.5rem}.hamburger,.mobile-logo,.mobile-menu{display:none}@media (width<=768px){.logo{display:none}.mobile-logo{display:flex}.mobile-logo a{text-align:center;color:#000;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:none}.hamburger{cursor:pointer;border:2px solid #000;border-radius:5px;flex-direction:column;margin-left:20px;padding:5px;display:flex;box-shadow:0 4px 8px #0003}.hamburger .line{background-color:#000;width:25px;height:3px;margin:3px 0;transition:all .3s}.hamburger .line.open{transform:rotate(45deg)translate(7px,6px)}.hamburger .line.open:nth-child(2){opacity:0}.hamburger .line.open:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.mobile-menu{z-index:100;background-color:#f8f9fa;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;display:flex;position:relative;top:0;left:0}.mobile-menu.open{display:flex}.mobile-menu ul{text-align:center;padding:0;list-style:none}.mobile-menu ul li{margin:20px 0}.mobile-menu ul a{color:#000;font-size:1rem;text-decoration:none}.mobile-social{margin-top:20px}}