*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;scroll-padding-top: 2.2222222222rem;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: 1060px) {html {font-size: 17px;} } @media (min-width: 1140px) {html {font-size: 18px;} } html.show {scrollbar-gutter: stable;overflow: hidden; } body {display: flex;flex-direction: column;min-height: 100%;min-width: 270px; } .main {flex-grow: 1; } .title-block {padding: 3.3333333333rem 0;position: relative;background: var(--primary); } .title-block .header-img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover; } .title-block .title {color: var(--white);font-size: 3.3333333333rem; } @media (min-width: 768px) {.title-block .title {font-size: 4.4444444444rem;} } .title-block .note {position: relative;z-index: 2;margin-bottom: 0;color: var(--white);font-weight: 200;font-size: 1.1111111111rem; } #scrollTopBtn {position: fixed;bottom: 1.3888888889rem;right: 1.3888888889rem;width: 3.3333333333rem;height: 3.3333333333rem;border-radius: 50%;border: 0;background: var(--secondary);color: var(--white);font-size: 1.5555555556rem;cursor: pointer;opacity: 0;visibility: hidden;transform: translateY(-2.7777777778rem);transition: all 0.3s ease;z-index: 999; } @media (min-width: 768px) {#scrollTopBtn {bottom: 2.7777777778rem;right: 2.7777777778rem;} } #scrollTopBtn.show {opacity: 1;visibility: visible;transform: translateY(0); } #scrollTopBtn:hover {background: #555; }