*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;font-size: 13px; } @media (min-width: 576px) {html {font-size: 14px;} } @media (min-width: 768px) {html {font-size: 15px;} } @media (min-width: 992px) {html {font-size: 16px;} } @media (min-width: 1220px) {html {font-size: 17px;} } @media (min-width: 1480px) {html {font-size: 18px;} } html.show {scrollbar-gutter: stable;overflow: hidden; } html:has(body.snap) {scroll-snap-type: y proximity; } body {display: flex;flex-direction: column;min-height: 100%;min-width: 270px; } .main {flex-grow: 1; } .section {scroll-snap-align: start; }