:root { --nexo-white: #fff; --nexo-black: #000; --nexo-primary: #1DBAE5; --nexo-accent-1: #D0EAF8; --nexo-accent-2: #093D59; --nexo-accent-3: #66f; --nexo-light: #F2F2F2; --nexo-dark: #212529; --nexo-primary-rgb: 29, 186, 229; --nexo-accent-1-rgb: 208, 234, 248; --nexo-accent-2-rgb: 9, 61, 89; --nexo-accent-3-rgb: 102, 102, 255; --nexo-light-rgb: 242, 242, 242; --nexo-dark-rgb: 33, 37, 41; --nexo-white-rgb: 255, 255, 255; --nexo-black-rgb: 0, 0, 0; --nexo-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --nexo-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --nexo-root-font-size: 16px; --nexo-body-font-family: NEXO-Body, var(--nexo-font-sans-serif); --nexo-body-font-size: 1rem; --nexo-body-font-weight: 400; --nexo-body-line-height: 1.75; --nexo-body-color: #212529; --nexo-body-color-rgb: 33, 37, 41; --nexo-body-bg: #fff; --nexo-body-bg-rgb: 255, 255, 255; --nexo-heading-color: var(--nexo-body-color); --nexo-link-color: var(--nexo-dark); --nexo-link-color-rgb: 33, 37, 41; --nexo-link-decoration: none; --nexo-link-hover-color: var(--nexo-primary); --nexo-link-hover-color-rgb: var(--nexo-primary-rgb); --nexo-code-color: #d63384; --nexo-highlight-color: #212529; --nexo-highlight-bg: rgb(255, 242.6, 205.4); --nexo-border-width: 1px; --nexo-border-style: solid; --nexo-border-color: #dee2e6; --nexo-border-radius: 0.5rem; --nexo-border-radius-sm: 0.25rem; --nexo-border-radius-lg: 0.75rem; --nexo-form-valid-color: #198754; --nexo-form-valid-border-color: #198754; --nexo-form-invalid-color: #dc3545; --nexo-form-invalid-border-color: #dc3545; --nexo-custom-offcanvas-horizontal-width: 40rem; } :root { --nexo-space: 1rem; --nexo-section-height: 0dvh; --nexo-menu-link-margin-x: 16px; --nexo-menu-link-margin-y: 6px; --nexo-menu-link-padding-x: 5px; --nexo-menu-link-padding-y: 5px; --nexo-menu-button-padding-x: 1em; --nexo-menu-button-padding-y: 0.5em; --nexo-topbar-height: 30px; --nexo-header-height: 80px; --nexo-header-inner-height: 50px; --nexo-header-logo-height: 46px; --nexo-header-font-size: 16px; --nexo-footer-logo-height: 40px; --nexo-footer-font-size: 16px; --nexo-line-color: var(--nexo-body-color); --nexo-block-sticky: 3rem; --nexo-card-padding-x: 1.5em; --nexo-card-padding-y: 1.5em; --nexo-card-border-radius: var(--nexo-border-radius); --nexo-scrollbar-color: var(--nexo-primary); --nexo-badge-padding-x: 0.5em; --nexo-badge-padding-y: 0.25em; --nexo-badge-border-radius: var(--nexo-border-radius-sm); --nexo-badge-color: var(--nexo-primary); --nexo-badge-font-size: 1em; --nexo-badge-font-weight: 500; --nexo-section-aos: translate3d(0, max(20dvh, 100px), 0); --nexo-section-aos-duration: 1s; --nexo-heading-font-weight: 500; --nexo-heading-line-height: 1.2; --nexo-links-gutter: 1rem; --nexo-link-icon-gap: 0.75em; --nexo-link-padding-x: 0; --nexo-link-padding-y: 0; --nexo-button-padding-x: 1em; --nexo-button-padding-y: 0.5em; --nexo-button-bg: var(--nexo-primary); --nexo-button-color: var(--nexo-white); --nexo-button-bg-accent-2-to-button-color: var(--nexo-white); --fa-li-margin: 2em; --fa-li-width: 2em; --nexo-icon-size: 1em; --nexo-icon-border-radius: var(--nexo-border-radius); --nexo-icon-padding: 0.375em; --nexo-icon-star-color: goldenrod; --nexo-swiper-navigation-border-radius: var(--nexo-border-radius-sm); --nexo-body-bg-accent-2-to-body-color: var(--nexo-white); --nexo-list-spacing: 0rem; --nexo-h1-font-size: 2.5rem; --nexo-h2-font-size: 2.0rem; --nexo-h3-font-size: 1.5rem; --nexo-h4-font-size: 1.25rem; --nexo-h5-font-size: 1.125rem; --nexo-h6-font-size: 1rem; } @media (min-width: 768px) { :root { --nexo-h1-font-size: 3.0rem; --nexo-h2-font-size: 2.3rem; --nexo-h3-font-size: 1.8rem; --nexo-h4-font-size: 1.5rem; --nexo-h5-font-size: 1.25rem; --nexo-h6-font-size: 1rem; } } @media (min-width: 992px) { :root { --nexo-h1-font-size: 3.5rem; --nexo-h2-font-size: 2.6rem; --nexo-h3-font-size: 2.1rem; --nexo-h4-font-size: 1.75rem; --nexo-h5-font-size: 1.4rem; --nexo-h6-font-size: 1rem; } }