*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;font-size: 18px; } @media (min-width: 576px) {html {font-size: 19px;} } @media (min-width: 768px) {html {font-size: 20px;} } @media (min-width: 992px) {html {font-size: 22px;} } @media (min-width: 1280px) {html {font-size: 24px;} } @media (min-width: 1920px) {html {font-size: 24px;} } html.show {scrollbar-gutter: stable;overflow: hidden; } @media (min-width: 768px) {html.show {scrollbar-gutter: auto;overflow: visible;} } body {display: flex;flex-direction: column;min-height: 100%;max-width: 1920px;margin: 0 auto;min-width: 320px;line-height: 1.5; } @media (min-width: 576px) {body {line-height: 1.3333333333;} } .main {flex-grow: 1;padding-top: 1.4583333333rem;padding-bottom: 1.4583333333rem; } a[name] {scroll-margin-top: 5rem; } .flex-center {display: flex;align-items: center;justify-content: center; }