*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;font-size: 15px; } @media (min-width: 576px) {html {font-size: 15.5px;} } @media (min-width: 768px) {html {font-size: 16px;} } @media (min-width: 992px) {html {font-size: 16.5px;} } @media (min-width: 1166px) {html {font-size: 17px;} } @media (min-width: 1920px) {html {font-size: 17.5px;} } body {display: flex;flex-direction: column;min-height: 100%;background-position: center;background-repeat: repeat;min-width: 310px; } .main {flex-grow: 1;display: flex;flex-direction: column; } .main .section {flex-grow: 1; } .flex-center {display: flex;align-items: center;justify-content: center; }