.navigation-bar{align-items:center;color:var(--color-text);display:flex;font-size:1.2rem;justify-content:space-between;padding:20px 10px!important;padding:20px 0;position:relative;transition:.2s;width:100%;z-index:2}.navigation-bar.fixed{animation:showNav .2s ease forwards;left:0;padding:5px 10px!important;position:fixed;top:-63px;z-index:99}@keyframes showNav{0%{top:-63px}to{top:0}}.navigation-bar .moonheist{background:transparent;fill:var(--color-text);height:auto;width:50px}.navigation-bar .logo-icon{height:25px;width:auto}.navigation-bar ul{align-items:center;display:flex;list-style-type:none;margin:0;padding:0}.navigation-bar ul li{margin-right:40px;transition:.4s}.navigation-bar ul li.active a{box-shadow:0 0 0 1px var(--color-text);color:var(--color-text);padding:2px 5px}.navigation-bar ul li a{color:var(--color-text);padding:5px;transition:.4s}.navigation-bar ul li a:hover{box-shadow:0 0 0 1px var(--color-text);transition:.4s}.navigation-bar ul li:last-child{margin-right:0}.navigation-bar ul li img{cursor:pointer}@media screen and (max-width:990px){.navigation-bar{padding:15px 10px!important}.navigation-bar .contact{display:none}.navigation-bar .moonheist{padding-top:0;width:40px}}@media screen and (max-width:768px){.navigation-bar ul{font-size:.875rem}.navigation-bar ul li{margin-right:10px}.navigation-bar ul li:last-child{margin-right:0}}