*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;font-size: 14px; } @media (min-width: 576px) {html {font-size: 15px;} } @media (min-width: 768px) {html {font-size: 16px;} } @media (min-width: 992px) {html {font-size: 17px;} } @media (min-width: 1470px) {html {font-size: 18px;} } @media (min-width: 1920px) {html {font-size: 18px;} } body {display: flex;flex-direction: column;min-height: 100%; } .main {flex-grow: 1; }