Iată textul rescris în limba română fluentă și naturală:
Textul paragrafului utilizează fontul GuardianTextEgyptian, Guardian Text Egyptian Web, Georgia sau serif. Este setat la 0,9375rem, cu o înălțime a liniei de 1,4, greutate normală și stil normal. Grosimea decorației textului este de 2px.
Titlul de nivel 2 utilizează fontul GH Guardian Headline, Guardian Egyptian Web, Georgia sau serif. Este setat la 1,5rem, cu o înălțime a liniei de 1,15, greutate aldine și stil normal. Grosimea decorației textului este de 3px.
Clasa „src-headline-medium-17” utilizează fontul GH Guardian Headline, Guardian Egyptian Web, Georgia sau serif. Este setată la 1,0625rem, cu o înălțime a liniei de 1,15, greutate medie (500) și stil normal. Grosimea decorației textului este de 2px.
Clasa „src-text-sans-14” utilizează fontul GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande sau sans-serif. Este setată la 0,875rem, cu o înălțime a liniei de 1,3, greutate normală și stil normal. Grosimea decorației textului este de 2px.
Clasa „src-text-sans-bold-17” utilizează fontul GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande sau sans-serif. Este setată la 1,0625rem, cu o înălțime a liniei de 1,3, greutate aldine (700) și stil normal. Grosimea decorației textului este de 2px.
Proprietatea personalizată „--src-brand-400” este setată la #052962.
Când scripturile sunt activate, articolul cu clasa „content--interactive” și div-ul său copil, precum și elementele cu clasa „article”, sunt inițial ascunse cu o opacitate de 0 și overflow ascuns. După ce pagina s-a încărcat (indicată de clasa „interactive-loaded”), aceste elemente devin complet vizibile cu o tranziție lină de 1 secundă, iar overflow-ul lor este setat la „unset”.
Fontul „Guardian Headline Full” este încărcat în mai multe stiluri. Pentru greutatea ușoară (300) în stil normal, fișierele fontului provin din activele Guardian. Același lucru este valabil și pentru stilul italic ușor, normal (400) normal, italic normal, mediu (500) normal și italic mediu. Fiecare utilizează formatele woff2, woff și truetype corespunzătoare.
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype"); font-weight: 500; font-style: italic; }
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; }
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; }
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; }
@font-face { font-family: Guardian Headline Full; src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; }
@font-face { font-family: Guardian Titlepiece; src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format("woff2"), url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format("woff"), url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; }
:root:root [data-gu-name="media"], :root:root [data-gu-name="title"], :root:root [data-gu-name="headline"], :root:root [data-gu-name="standfirst"], :root:root [data-gu-name="lines"], :root:root [data-gu-name="meta"], :root:root [data-link-name="article section"] { display: none; }
:root:root article { --standfirst-text: #adc8f4; --byline: #adc8f4; --article-background: #224a8a; --article-text: #1a1a1a; --article-link-text: #ffffff; --textblock-text: #adc8f4; --article-border: #0077b6; --straight-lines: #224a8a; --share-button: #adc8f4; --share-button-border: #a; }
Iată textul rescris în limba română fluentă și naturală:
```css
dc8f4}:root:root article figure.element-atom {
margin: 0;
}
:root:root .back-button {
border: 1px solid lightgray;
font-family: Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 17px;
padding: 6px 18px;
border-radius: 40px;
width: fit-content;
display: flex;
align-items: center;
gap: 6px;
}
html.no-scroll {
overflow: hidden;
}
h2 {
color: var(--src-brand-400);
}
a {
border-bottom: none !important;
text-decoration: none;
}
img {
max-width: 100%;
max-height: 100%;
}
article {
position: relative;
}
/*
* Oferă mixin-ul `mq` din sass-mq cu punctele de întrerupere prestabilite Guardian.
* Folosește-l astfel:
*
* `@include mq(leftCol) ...`
*
* Puncte de întrerupere disponibile:
* - desktop: 61.25em
* - leftCol: 71.25em
* - mobile: 20em
* - mobileLandscape: 30em
* - mobileMedium: 23.4375em
* - phablet: 41.25em
* - tablet: 46.25em
* - wide: 81.25em
*/
/*
* Acest fișier este generat automat de src/source/generate/breakpoints.js
*/
/*
* Acest fișier este generat automat de src/source/generate/typography.js
*/
/
* Stiva de fonturi pentru date
*
* @group typography
*/
/
* Stiva de fonturi serif
*
* @group typography
*/
/
* Stiva de fonturi pentru titluri
*
* @group typography
*/
/
* Stiva de fonturi text sans serif
*
* @group typography
*/
/
* Stiva de fonturi pentru titluri sans serif
*
* @group typography
*/
/
* Setări implicite ale scalei fonturilor
* Vezi font-scale.html și font-scale.png pentru exemple vizuale
*
* @group typography
*/
/
* Obține toate nivelurile unui font din scala fonturilor
*
* @param {String} $name - Numele matricei scalei fonturilor (de ex., headline)
* @param {Map} $font-scale ($font-scale)
*
* @example
* font-size: get-scale(header);
*
* @requires {variable} $font-scale
*
* @return {Map}
*
* @group typography
*/
/
* Obține informații pentru un nivel specific al unei scale de fonturi
*
* @param {String} $name - Numele scalei fonturilor din matrice (de ex., headline)
* @param {Number} $level - Nivelul din matrice
* @param {Map} $font-scale ($font-scale)
*
* @example
* font-size: get-scale-level(header, 1);
*
* @requires {variable} $font-scale
* @requires {function} get-scale
*
* @return {Map}
*
* @group typography
*/
/
* Obține o dimensiune a fontului pentru un nivel din matricea scalei fonturilor
*
* @param {String} $name - Numele scalei fonturilor din matrice (de ex., headline)
* @param {Number} $level - Nivelul din matrice
* @param {Map} $font-scale - Configurație
*
* @example
* font-size: get-font-size(header, 3);
*
* @requires {variable} $font-scale
* @requires {function} convert-to-px
* @requires {function} get-scale-level
*
* @return {Number}
*
* @group typography
*/
/
* Obține o înălțime a liniei pentru un nivel din matricea scalei fonturilor
*
* @param {String} $name - Numele scalei fonturilor din matrice (de ex., headline)
* @param {Number} $level - Nivelul din matrice
* @param {Map} $font-scale - Configurație
*
* @example
* font-size: get-line-height(header, 3);
*
* @requires {variable} $font-scale
* @requires {function} convert-to-px
* @requires {function} get-scale-level
*
* @return {Number}
*
* @group typography
*/
/
* Convertește orice valoare în pixeli
*
* @param {Number} $value
*
* @example
* font-size: convert-to-px(14); // 14px
*
* @return {Number}
*
* @group typography
*/
/
* Setări implicite de tipografie, de inclus cât mai devreme posibil în HTML
* 1. Face redarea tipului mai clară
2. Setează spațierea relativă a liniilor la 1.5 (16px 1.5 = 24px)
*
* @param {String} $font-family ($f-serif-text) - Font global implicit
*
* @requires {variable} $f-serif-text
*
* @group typography
*/
/
* Prescurtare pentru dimensiunea fontului și înălțimea liniei
*
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
* @include font-size(18, 24);
*
* @requires {function} convert-to-px
*
* @group typography
*/
/
* Prescurtare pentru stilizarea fontului
* Notă: Preferați utilizarea mixin-urilor scalei fonturilor pentru a rămâne consecvenți cu scala fonturilor
*
* @param {String} $family
* @param {String} $weight
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
* @include font(arial, bold, 18, 24);
*
* @requires {mixin} font-size
*
* @group typography
*/
```Tipografie
Proprietăți ale Familiei și Greutății Antetului
Necesită variabila `$f-serif-headline`.
Grup: tipografie
Setări de Tipografie pentru Antet
Parametri:
- `$level` (Număr)
- `$size-only` (Boolean)
Exemple:
- Include toate proprietățile (dimensiune font, înălțime linie, familie, greutate):
`@include fs-header(3);`
- Include doar dimensiunea fontului și înălțimea liniei:
`@include fs-header(3, $size-only: true);`
Necesită:
- Funcția `get-font-size`
- Funcția `get-line-height`
- Mixin-ul `font-size`
- Mixin-ul `f-header`
Grup: tipografie
---
Proprietăți ale Familiei și Greutății Titlului
Necesită variabila `$f-serif-headline`.
Grup: tipografie
Setări de Tipografie pentru Titlu
Parametri:
- `$level` (Număr)
- `$size-only` (Boolean)
Exemple:
- Include toate proprietățile (dimensiune font, înălțime linie, familie, greutate):
`@include fs-headline(3);`
- Include doar dimensiunea fontului și înălțimea liniei:
`@include fs-headline(3, $size-only: true);`
Necesită:
- Funcția `get-font-size`
- Funcția `get-line-height`
- Mixin-ul `font-size`
- Mixin-ul `f-headline`
Grup: tipografie
---
Proprietăți ale Familiei și Greutății Titlului de Corp
Necesită variabila `$f-serif-text`.
Grup: tipografie
Setări de Tipografie pentru Titlul de Corp
Parametri:
- `$level` (Număr)
- `$size-only` (Boolean)
Exemple:
- Include toate proprietățile (dimensiune font, înălțime linie, familie, greutate):
`@include fs-bodyHeading(3);`
- Include doar dimensiunea fontului și înălțimea liniei:
`@include fs-bodyHeading(3, $size-only: true);`
Necesită:
- Funcția `get-font-size`
- Funcția `get-line-height`
- Mixin-ul `font-size`
- Mixin-ul `f-bodyHeading`
Grup: tipografie
---
Proprietatea Familiei de Copiere a Corpului
Necesită variabila `$f-serif-text`.
Grup: tipografie
Setări de Tipografie pentru Copierea Corpului
Parametri:
- `$level` (Număr)
- `$size-only` (Boolean)
Exemple:
- Include toate proprietățile (dimensiune font, înălțime linie, familie):
`@include fs-bodyCopy(3);`
- Include doar dimensiunea fontului și înălțimea liniei:
`@include fs-bodyCopy(3, $size-only: true);`
Necesită:
- Funcția `get-font-size`
- Funcția `get-line-height`
- Mixin-ul `font-size`
- Mixin-ul `f-bodyCopy`
Grup: tipografie
---
Proprietatea Familiei de Date
Necesită variabila `$f-data`.
Grup: tipografie
Setări de Tipografie pentru Date
Parametri:
- `$level` (Număr)
- `$size-only` (Boolean)
Exemple:
- Include toate proprietățile (dimensiune font, înălțime linie, familie):
`@include fs-data(3);`
- Include doar dimensiunea fontului și înălțimea liniei:
`@include fs-data(3, $size-only: true);`
Necesită:
- Funcția `get-font-size`
- Funcția `get-line-height`
- Mixin-ul `font-size`
- Mixin-ul `f-data`
Grup: tipografie
---
Proprietatea Familiei Text Sans
Necesită variabila `$f-sans-serif-text`.
Grup: tipografie
Setări de Tipografie pentru Text Sans
Parametri:
- `$level` (Număr)
- `$size-only` (Boolean)
Exemple:
- Include toate proprietățile (dimensiune font, înălțime linie, familie):
`@include fs-textSans(3);`
- Include doar dimensiunea fontului și înălțimea liniei:
`@include fs-textSans(3, $size-only: true);`
Necesită:
- Funcția `get-font-size`
- Funcția `get-line-height`
- Mixin-ul `font-size`
- Mixin-ul `f-textSans`
Grup: tipografie
---
Proprietatea Familiei Titlu Sans
Aceasta nu face parte în prezent din matricea noastră de scară a fonturilor, deci nu există un mixin `fs-` pentru ea. Deocamdată, o folosim doar ca font de înlocuire în câteva locuri.
Necesită variabila `$f-sans-serif-headline`.
Grup: tipografie
---
@font-face
```css
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff") format("woff");
}
```@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}```css
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Guardian Headline Full";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Guardian Titlepiece";
src: url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2") format("woff2"),
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"),
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
.atom.svelte-1tpye3j {
display: flex;
flex-direction: column;
gap: 4px;
}
.homepage-content.svelte-1tpye3j {
display: flex;
flex-direction: column;
gap: 14px;
transition: padding-bottom 0.3s ease;
}
.sticky-padding.svelte-1tpye3j {
padding-bottom: 100px;
transition: padding-bottom 0.3s ease;
}
h1.svelte-1tpye3j {
position: absolute;
top: 220px;
left: 0;
font-family: "Guardian Headline Full", "Guardian Egyptian Web", Georgia, serif;
font-weight: bold;
font-size: 88px;
line-height: 88%;
color: #0077b6;
z-index: -1;
font-variant-numeric: lining-nums;
}
@media (min-width: 61.25em) {
h1.svelte-1tpye3j {
top: 220px;
}
}
p.standfirst.svelte-1tpye3j {
color: #fff !important;
max-width: 450px;
padding-bottom: 10px;
}
@media (min-width: 61.25em) {
p.standfirst.svelte-1tpye3j {
font-size: 20px;
max-width: 600px;
}
}
.standfirst-container.svelte-1tpye3j {
max-width: 600px;
border-bottom: 1px solid #0077b6;
}
.tooltip.svelte-1tpye3j {
position: relative;
z-index: 2;
margin-top: -40px;
opacity: 0;
}
@media (min-width: 61.25em) {
.tooltip.svelte-1tpye3j {
display: none;
}
}
.tooltip.svelte-1tpye3j p:where(.svelte-1tpye3j) {
position: relative;
background: #ffffff;
border-radius: 8px;
padding: 3px 9px 6px;
display: inline-block;
color: #052962;
font-size: 14px;
font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
top: -2px;
}
/ coada triunghiului
