User:TheKillerJJ36/common.css

.navbar { position: -webkit-sticky; position: sticky; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 80px; margin-top: 20px; margin-right: auto; margin-left: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; }

.navbar-list { position: relative; z-index: 1001; width: 100%; max-width: 64em; margin-right: auto; margin-left: auto; padding-right: 1.25em; padding-left: 1.25em; justify-items: start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 24px; grid-row-gap: 24px; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto; -ms-grid-rows: auto; grid-template-rows: auto; }

.brand { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; padding: 20px 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.button-animated.small { font-size: 0.75em; font-weight: 600; letter-spacing: 0px; }

.nav-link-content-list { position: relative; z-index: 1; padding: 32px; grid-column-gap: 64px; grid-row-gap: 44px; -ms-grid-rows: auto; grid-template-rows: auto; border-radius: 0.5em; background-color: #171e25; box-shadow: inset 0 0 0 1px #1e252c; }

.nav-link-dropdown-list { min-width: 200px; margin-left: -32px; padding: 0px; border-radius: 0.5em; background-color: transparent; box-shadow: none; }

.nav-link-angle { position: absolute; left: 52px; top: -6px; right: auto; bottom: auto; z-index: 0; width: 18px; height: 10px; }

.bg-pattern-image { position: absolute; left: 0%; top: auto; right: 0%; bottom: auto; width: 100%; margin-top: auto; margin-bottom: 72px; background-color: rgba(13, 17, 23, 0.88); -o-object-fit: contain; object-fit: contain; }

.button-animated-copy.small { border-style: solid; border-width: 1px; border-color: #bcc9d8; background-color: transparent; color: #bcc9d8; font-size: 0.75em; font-weight: 600; letter-spacing: 0px; }

.button-animated-copy { position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0.75em 1.25em!important; padding-top: 0.75em; padding-right: 1.25em; padding-bottom: 0.75em; padding-left: 1.25em; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 9999px; background-color: #0052cc; -webkit-transition: color 200ms cubic-bezier(.165, .84, .44, 1); transition: color 200ms cubic-bezier(.165, .84, .44, 1); font-family: 'Inter Display', sans-serif; color: #fff; font-size: 1.125em; line-height: 1; font-weight: 600; text-align: center; letter-spacing: -0.01em; }

.button-animated { position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0.75em 1.25em!important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 9999px; background-color: #0052cc; -webkit-transition: color 200ms cubic-bezier(.165, .84, .44, 1); transition: color 200ms cubic-bezier(.165, .84, .44, 1); font-family: 'Inter Display', sans-serif; color: #fff; font-size: 1.125em; line-height: 1; font-weight: 600; text-align: center; letter-spacing: -0.01em; }

.text-block-24 { font-size: 14px; font-weight: 500; }

.button-label { position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.nav-link-sup { display: inline-block; height: 14px; min-width: 14px; padding-top: 2px; border-radius: 9999px; background-color: #3aecba; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%); color: #0d1117; font-size: 8px; text-align: center; }

@media(max-width: 991px){ .menu-button.w-nav-button{ display:none!important; }

#w-node-ff0378f5-e1d6-d78c-ef7a-88ed4d89a3bd-eeb43d3d{ order:-1; } } @media(max-width: 767px){ .button-animated.small.w-inline-block{ display:none!important; } }