.navigation{z-index:99;width:100%;height:10.8rem;display:flex;justify-content:center;border-bottom:1px solid rgba(0,0,0,0);position:absolute;transition:all .5s ease-in}.navigation.scroll{position:fixed;background-color:rgba(18,23,24,.9);border-color:hsla(0,0%,100%,.1)}.navigation .btn-mobile-nav{border:none;background:none;cursor:pointer;display:none}.navigation .icon-mobile-nav{height:4.8rem;width:4.8rem;color:#fff}.navigation .icon-mobile-nav[name=close-outline]{display:none}.navigation .navigation-container{display:flex;align-items:center;width:120rem;padding:0 2.4rem}.navigation .navigation-logo{max-width:50%;align-self:end;text-decoration:none;color:#fff;margin-right:auto;font-size:4rem;font-weight:300;height:90%}.navigation .navigation-logo .logo{height:8rem}.navigation .bold{font-weight:700}.navigation .navigation-links{display:flex;align-items:center;gap:3.6rem}.navigation .navigation-links .navigation-link{color:#fff;text-decoration:none;font-size:1.8rem;font-weight:500}.navigation .contact{padding:1.8rem 3.2rem;background-color:#3b5bdb;box-shadow:3px 12px 24px rgba(33,37,41,.5);border-radius:8px;transition:all .4s}.navigation .contact:active,.navigation .contact:hover{background-color:#364fc7;box-shadow:1px 4px 12px rgba(33,37,41,.5)}@media(max-width:44em){.navigation .navigation-container{max-width:100%}.navigation .btn-mobile-nav{display:block;z-index:9999}.navigation .open .icon-mobile-nav[name=close-outline]{display:block}.navigation .open .icon-mobile-nav[name=menu-outline]{display:none}.navigation .navigation-links{opacity:0;pointer-events:none;visibility:hidden;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;width:100%;height:100vh;transform:translateX(100%);display:flex;align-items:center;justify-content:center;transition:all .5s ease-in;flex-direction:column;gap:4.8rem}.navigation .navigation-link{font-size:3rem}.navigation .open .navigation-links{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(0)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.6rem;line-height:1;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:75em){html{font-size:56.25%}}@media (max-width:59em){html{font-size:50%}}