/home/bdqbpbxa/demo-subdomains/magnetiq.goodface.com.ua/css/ui-kit/typography.css
/* Fonts */
/**
* @license
* MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: undefined by undefined
* URL: https://www.myfonts.comundefined
* Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
*
* Webfont: undefined by undefined
* URL: https://www.myfonts.comundefined
* Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
*
* © 2024 MyFonts Inc. */
@font-face {
font-family: "GilroySemiBold";
src: url('../../fonts/webFonts/GilroySemiBold/font.woff2') format('woff2'), url('../../fonts/webFonts/GilroySemiBold/font.woff') format('woff');
}
@font-face {
font-family: "GilroyMedium";
src: url('../../fonts/webFonts/GilroyMedium/font.woff2') format('woff2'), url('../../fonts/webFonts/GilroyMedium/font.woff') format('woff');
}
@font-face {
font-family: "Source Code Pro";
src: url('../../fonts/sourcecodepro-semibold.woff2');
}
.title-1,
.title-1 * {
font-size: 7.687vw
/*112px*/
;
line-height: 100%;
letter-spacing: -0.154vw
/*-2.24px*/
;
}
.title-2,
.title-2 * {
font-size: 6.589vw
/*96px*/
;
line-height: 100%;
letter-spacing: -0.132vw
/*-1.92px*/
;
}
.title-3,
.title-3 * {
font-size: 5.491vw
/*80px*/
;
line-height: 100%;
letter-spacing: -0.110vw
/*-1.6px*/
;
}
.title-4,
.title-4 * {
font-size: 4.393vw
/*64px*/
;
line-height: 110%;
letter-spacing: -0.088vw
/*-1.28px*/
;
}
.description-1,
.description-1 * {
font-size: 2.745vw
/*40px*/
;
line-height: 130%;
letter-spacing: -0.055vw
/*-0.8px*/
;
}
.description-2,
.description-2 * {
font-size: 2.196vw
/*32px*/
;
line-height: 130%;
letter-spacing: -0.044vw
/*-0.64px*/
;
}
.body-1,
.body-1 * {
font-size: 1.647vw
/*24px*/
;
line-height: 130%;
letter-spacing: -0.033vw
/*-0.48px*/
;
color: var(--Black-70);
}
.body-2,
.body-2 * {
font-size: 1.373vw
/*20px*/
;
line-height: 130%;
color: var(--Black-70);
}
.body-3,
.body-3 * {
font-size: 1.098vw
/*16px*/
;
line-height: 140%;
color: var(--Black-70);
font-family: "GilroyMedium";
}
.body-4,
.body-4 * {
font-size: 0.961vw
/*14px*/
;
line-height: 140%;
color: var(--Black-70);
}
.button-text,
.button-text * {
font-size: 1.235vw
/*18px*/
;
line-height: 100%;
letter-spacing: 0.012vw
/*0.18px*/
;
}
.link-text,
.link-text * {
font-size: 1.098vw
/*16px*/
;
line-height: 100%;
letter-spacing: 0.011vw
/*0.16px*/
;
}
.--semibold,
.--semibold * {
font-family: "GilroySemiBold" !important;
}
.--medium,
.--medium * {
font-family: "GilroyMedium" !important;
}
.--code-font,
.--code-font * {
font-family: "Source Code Pro" !important;
}
.--gilroy-font,
.--gilroy-font * {
font-family: "GilroySemiBold" !important;
}
@media screen and (max-width: 1024px) {
.mob-title-1,
.mob-title-1 * {
font-size: clamp(46px, 12.308vw, 50px)
/*48px*/
;
line-height: 100%;
letter-spacing: clamp(-0.96px, -0.246vw, -1.5px);
}
.mob-title-2,
.mob-title-2 * {
font-size: clamp(38px, 10.256vw, 42px)
/*40px*/
;
line-height: 100%;
letter-spacing: clamp(-0.8px, -0.205vw, -1.2px);
}
.mob-title-3,
.mob-title-3 * {
font-size: clamp(38px, 10.256vw, 42px)
/*40px*/
;
line-height: 100%;
letter-spacing: clamp(-0.8px, -0.205vw, -1.2px);
}
.mob-title-4,
.mob-title-4 * {
font-size: clamp(31px, 8.205vw, 33px)
/*32px*/
;
line-height: 110%;
letter-spacing: clamp(-0.54px, -0.164vw, -0.8px);
}
.mob-description-1,
.mob-description-1 * {
font-size: clamp(23px, 6.154vw, 25px)
/*24px*/
;
line-height: 130%;
/* 31.2px */
letter-spacing: clamp(-0.38px, -0.123vw, -0.58px);
}
.mob-description-2,
.mob-description-2 * {
font-size: clamp(19px, 5.128vw, 21px)
/*20px*/
;
line-height: 130%;
/* 26px */
letter-spacing: clamp(-0.15px, -0.051vw, -0.25px)
/*0.2px*/
;
}
.mob-body-1,
.mob-body-1 * {
font-size: clamp(17px, 4.615vw, 19px)
/*18px*/
;
line-height: 130%;
letter-spacing: clamp(-0.26px, -0.092vw, -0.46px);
}
.mob-body-2,
.mob-body-2 * {
font-size: clamp(15px, 4.103vw, 17px)
/*16px*/
;
line-height: 130%;
}
.mob-body-3,
.mob-body-3 * {
font-size: clamp(13px, 3.590vw, 15px)
/*14px*/
;
line-height: 140%;
font-family: "GilroyMedium";
}
.mob-body-4,
.mob-body-4 * {
font-size: clamp(11px, 3.077vw, 13px)
/*12px*/
;
line-height: 140%;
}
.mob-button-text,
.mob-button-text *,
.mob-link-text,
.mob-link-text * {
font-size: clamp(15px, 4.103vw, 17px)
/*16px*/
;
line-height: 100%;
/* 16px */
letter-spacing: clamp(0.12px, 0.041vw, 0.2px);
}
.mob-tag-text,
.mob-tag-text * {
font-size: clamp(11px, 3.077vw, 13px)
/*12px*/
;
line-height: 100%;
letter-spacing: clamp(0.1px, 0.031vw, 0.14px);
}
}