header,header .sidebar{position:fixed;left:0;right:0}header .menu ul,header .sidebar ul{list-style:none}header{top:0;background-color:#dfe0d9;z-index:100}header .navbar{display:grid;grid-template-columns:auto auto 1fr auto 1fr auto;align-items:center;padding:.25rem 1rem}header .logo{display:block;height:2.5rem;width:auto}header h1{margin-bottom:0;padding:0 .25rem}header .brandname{text-decoration:none;font-weight:800;font-size:1.5rem;display:block;color:#12111f}header .menu ul{display:grid;grid-template-columns:auto auto auto auto;gap:1.5rem}header .menu ul li a{color:#12111f;font-size:.875rem;font-weight:500;text-decoration:none;transition:.3s}header .login-icon{display:block;color:#12111f;font-size:1.5rem}header .close-menu-btn,header .menu-btn{background-color:transparent}header .close-menu-btn{display:none}header .close-menu-icon,header .menu-icon{color:#12111f;font-size:1.5rem}header .sidebar{display:none;top:3rem;min-height:calc(100vh - 3rem);padding:3rem 1rem 1rem;background-color:#12111f;z-index:200}header .sidebar ul li{padding-bottom:1.5rem}header .sidebar ul li a{text-decoration:none;color:#fff;font-weight:500;font-size:1.5rem}header .sidebar-icon{color:#fff;padding-right:.75rem}@media (max-width:1023px){header .login-icon,header .menu{display:none}}@media (min-width:1024px){header .close-menu-btn,header .menu-btn,header .sidebar{display:none!important}}