:root { --font-from: 18; --font-to: 20; --vw-from: calc(1920 / 100); --vw-to: calc(2400 / 100); --coefficient: calc((var(--font-to) - var(--font-from)) / (var(--vw-to) - var(--vw-from))); --base: calc((var(--font-from) - var(--vw-from) * var(--coefficient)) / 16); } html { font-size: calc(var(--base) * 1rem + var(--coefficient) * 1vw); } ::-moz-selection { background: #F1A728; color: #000; } ::selection { background: #F1A728; color: #000; } @media screen and (max-width: 1920px) { :root { --font-from: 16; --font-to: 18; --vw-from: calc(1440 / 100); --vw-to: calc(1920 / 100); } } @media screen and (max-width: 1440px) { :root { --font-from: 14; --font-to: 16; --vw-from: calc(479 / 100); --vw-to: calc(1440 / 100); } } @media screen and (max-width: 479px) { :root { --font-from: 12; --font-to: 16; --vw-from: calc(1 / 100); --vw-to: calc(479 / 100); } } /* Characters */ .btn-animate-chars [data-button-animate-chars] { overflow: hidden; position: relative; display: inline-block; } .btn-animate-chars [data-button-animate-chars] span { display: inline-block; position: relative; text-shadow: 0px 1.3em currentColor; transform: translateY(0em) rotate(0.001deg); transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1); } .btn-animate-chars:hover [data-button-animate-chars] span { transform: translateY(-1.3em) rotate(0.001deg); } /* Background */ .btn-animate-chars__bg { inset: 0; transition: inset 0.6s cubic-bezier(0.625, 0.05, 0, 1); } .btn-animate-chars:hover .btn-animate-chars__bg { inset: 0.125em; } /* Accordeon */ .accordion-css__item-bottom { transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1); } [data-accordion-status="active"] .accordion-css__item-bottom { grid-template-rows: 1fr; } .accordion-css__item-icon { transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1); } [data-accordion-status="active"] .accordion-css__item-icon { transform: rotate(0.001deg); } /* Testimonilas */ .text-line-mask { padding-bottom: 0.2em; margin-bottom: -0.2em; } /* Cursor */ body:has([data-cursor]:hover) .cursor { opacity: 1; } .button:hover .button-bg { transform: scale(0.95); }