.navbar{background:var(--background-black)!important;color:#fff;padding:10px 0!important;position:fixed!important;width:100%;z-index:1000}.navbar .brand{margin-top:4px!important;width:-moz-fit-content;width:fit-content}.navbar .brand a{padding:0!important;font-size:30px;color:var(--text-color);text-decoration:none;font-family:Rubik Dirt,cursive}.navbar-nav a{color:var(--text-color-gray);text-decoration:none;margin-left:15px;font-size:15px;font-weight:500;text-transform:capitalize;position:relative;padding:10px 0 10px 10px;transition:all .3s ease}.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover{color:var(--text-color)}.navbar-nav a:after{content:"";position:absolute;bottom:0;left:10px;background:var(--orange);height:2px;width:0;transition:all .3s ease}.navbar-nav a.active:after,.navbar-nav a:focus:after,.navbar-nav a:hover:after{width:30px}@media only screen and (max-width:992px){.navbar .container{padding:0}.navbar{background:var(--background-black)!important;color:#fff;padding:10px 0!important;top:0;height:60px}.navbar .brand{left:20px!important;top:5px;position:fixed!important}.navbar .nav-burger{right:20px!important;top:8px;position:fixed!important}}@media only screen and (max-width:492px){.navbar .brand{left:12px!important}.navbar .nav-burger{right:12px!important}}