.navigation-bar{z-index:50;width:100%;position:fixed}.navigation-bar .navigation-header{justify-content:space-between;transition:background-color .5s;display:flex;align-items:center!important}.navigation-bar .logo-container{cursor:pointer;aspect-ratio:5/2;justify-content:center;align-items:center;width:170px;padding-left:4vw;display:flex;position:relative}.navigation-bar .logo-image{opacity:1;max-width:100%;transition:opacity 2s ease-in-out;position:absolute;top:0;left:4vw}.navigation-bar .logo-image.hidden{opacity:0;pointer-events:none}.navigation-bar .nav-actions{align-items:center;gap:20px;transition:all 2s;display:flex}.navigation-bar .nav-actions .icon{margin-bottom:5px;margin-left:5px;font-size:28px}.navigation-bar .nav-button{background-color:#000;border:none;padding:30px 40px}.navigation-bar .full-screen-menu{z-index:60;-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;background-color:#000000eb;width:100vw;height:100vh;transition:opacity 1s,visibility .5s;position:fixed;top:0;left:0;box-shadow:0 4px 30px #0000001a}.navigation-bar .full-screen-menu.fade-in{opacity:1;visibility:visible}.navigation-bar .full-screen-menu.fade-out{opacity:0;visibility:hidden}.navigation-bar .menu-header{width:100%;padding-right:calc(0px + var(--scrollbar-width));border-bottom:1px solid gray;justify-content:end;display:flex}.navigation-bar .menu-header button{background-color:#fd6100;border:none;outline:none;padding:30px 40px}.navigation-bar .menu-content{justify-content:center;align-items:center;width:100%;height:calc(100% - 100px);display:flex;overflow-y:auto}.navigation-bar .nav-link{color:#fff;cursor:pointer;justify-content:center;gap:15px;margin-bottom:10px;font-size:32px;text-decoration:none;display:flex}.navigation-bar .nav-link p{color:#fff;cursor:pointer}.navigation-bar .nav-link .icon{color:gray;margin-top:8px}.navigation-bar .social-icons{align-items:center;gap:30px;margin-top:40px;display:flex}@media screen and (max-width:900px){.navigation-bar .logo-image{width:130px;top:5px;left:4vw}.navigation-bar .nav-button{background-color:#000;border:none;padding:10px 20px}.navigation-bar .nav-actions{gap:10px}.navigation-bar .nav-actions h5{margin-top:5px;font-size:18px}.navigation-bar .nav-actions .icon{font-size:22px}.navigation-bar .menu-header button{padding:10px 20px}.navigation-bar .nav-link{font-size:24px}}