*, *: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: 1100px) {html {font-size: 15px;} } @media (min-width: 1200px) {html {font-size: 16px;} } body {display: flex;flex-direction: column;min-height: 100%; } .main {flex-grow: 1; } .main .section {padding-bottom: 5rem; } .main .container > h1 {background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.28) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; } .main .arrow-link {display: inline-flex;text-transform: uppercase;color: var(--white);font-weight: 600;padding: 0.625rem 1.25rem;border-radius: 0.625rem;border: 0.125rem solid var(--red); } .main .arrow-link:hover {text-decoration: none;color: var(--link-hover-color);border-color: var(--red); } .main .arrow-link.transparent {background-color: transparent; } .main .arrow-link.transparent:hover {background-color: var(--red); } .main .arrow-link.red {background-color: var(--red); } .main .arrow-link.red:hover {background-color: var(--primary); }