.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none}@media (max-width:768px){.hamburger{display:flex}}.hamburger .line{background:#000;width:25px;height:3px}.menu{background:var(--bgColor);width:100%;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.menu.open{transform:translate(0)}.menu ul{margin:0;padding:0;list-style:none}.menu ul li{border-bottom:1px solid #ccc}.menu ul li:last-child{border-bottom:none}.menu ul li a{transition:all .3s}.menu ul li a:hover,.menu ul li a.active{color:var(--secondary)}.header a{font-weight:600;transition:color .3s}.header a:hover,.header a.active{color:var(--secondary)}#header{background-color:transparent;transition:background-color .2s}