*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;scroll-padding-top: 7.6875rem;font-size: 13px; } @media (min-width: 576px) {html {font-size: 13.5px;} } @media (min-width: 768px) {html {font-size: 14px;} } @media (min-width: 992px) {html {font-size: 14.5px;} } @media (min-width: 1140px) {html {font-size: 15px;} } @media (min-width: 1220px) {html {font-size: 16px;} } html.show {scrollbar-gutter: stable;overflow: hidden; } @media (min-width: 768px) {html.show {scrollbar-gutter: auto;overflow: visible;} } html p, html ul, html li, html a {font-size: 1.125rem; } @media (min-width: 992px) {html p, html ul, html li, html a {font-size: 1rem;} } body {display: flex;flex-direction: column;min-height: 100%;min-width: 270px;line-height: 1.7; } .main {flex-grow: 1;z-index: 107; } ul {list-style: none;padding-left: 1.5625rem; } ul li:not(.nav-item, .list-card) {position: relative;padding-left: 1.5625rem;margin-bottom: 0.75rem; } ul li:not(.nav-item, .list-card)::before {content: "";position: absolute;left: 0;top: 0.5rem;width: 0.75rem;height: 0.75rem;background: var(--secondary);border: 3px solid #000;border-radius: 50%; }