*, *: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: 13.5px;} } @media (min-width: 768px) {html {font-size: 14px;} } @media (min-width: 992px) {html {font-size: 14.5px;} } @media (min-width: 1360px) {html {font-size: 15px;} } @media (min-width: 1920px) {html {font-size: 16px;} } body {display: flex;flex-direction: column;min-height: 100%; } .main {flex-grow: 1;min-height: 25rem; } .scroll-point {width: 0;height: 0;overflow: hidden;opacity: 0;visibility: hidden; } .container-messages {position: fixed;top: 100px;left: 50%;transform: translateX(-50%);z-index: 9500; }