@media (max-width:768px){#nav_menu{display:flex;flex-direction:column;justify-content:center;align-items:left;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;background-color:rgba(15,20,19,.95);position:fixed;top:0;left:0;right:0;height:100vh;z-index:1}#nav_menu.active{max-height:100vh;opacity:1;border-radius:15px;border-radius:20px}#nav_menu li{list-style:none;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;text-align:right;padding-right:20px;padding-bottom:10px}#nav_menu.active li{top:50%;opacity:1;transform:translateY(0)}#nav_menu.active li a{color:#f2f2f2;text-decoration:none}#nav_menu.active li:first-child{transition-delay:.3s}#nav_menu.active li:nth-child(2){transition-delay:.4s}#nav_menu.active li:nth-child(3){transition-delay:.5s}#nav_menu.active li:nth-child(4){transition-delay:.6s}#nav_menu.active li:nth-child(5){transition-delay:.7s}#nav_menu li a{color:#f2f2f2;text-decoration:none;font-size:24px}.menu_toggle{z-index:2!important;display:block!important}}@media (min-width:769px){#nav_menu{width:70%;display:flex;list-style-type:none;gap:30px;justify-content:center;align-items:center;position:static;height:auto;opacity:1}#nav_menu>li>a{color:#f2f2f2;text-decoration:none;font-size:16px;padding:10px 15px}#nav_menu li{opacity:1;transform:translateY(0);transition:none}.menu_toggle{display:none}}.menu_toggle{display:none;background:none;border:none;cursor:pointer;position:relative;width:30px;height:30px}.logo_div{display:flex;align-items:center}.bar{display:block;width:100%;height:2px;background:#f2f2f2;margin:6px 0;transition:all .3s ease;position:absolute}.bar1{top:0}.bar2{top:30%;transform:translateY(-50%)}.bar3{bottom:0}.menu_toggle.open .bar1{transform:rotate(45deg);top:50%;margin-top:-1px}.menu_toggle.open .bar2{opacity:0}.menu_toggle.open .bar3{transform:rotate(-45deg);bottom:50%;margin-bottom:-1px}@media (min-width:1024px){.navbar{max-width:1200px}}