@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https:@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Guardian Titlepiece'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@media (min-width: 71.25em) { .content__main-column--interactive { margin-left: 160px; } }
@media (min-width: 81.25em) { .content__main-column--interactive { margin-left: 240px; } }
.content__main-column--interactive .element-atom { max-width: 620px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-atom { max-width: 100%; } }
.content__main-column--interactive .element-showcase { margin-left: 0; }
@media (min-width: 46.25em) { .content__main-column--interactive .element-showcase { max-width: 620px; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-showcase { max-width: 860px; } }
.content__main-column--interactive .element-immersive { max-width: 1100px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-immersive { width: calc(100vw - var(--scrollbar-width, 0px)); position: relative; left: 50%; right: 50%; margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; } }
@media (min-width: 46.25em) { .content__main-column--interactive .element-immersive { transform: translate(-20px); width: calc(100% + 60px); } }
@media (max-width: 71.24em) { .content__main-column--interactive .element-immersive { margin-left: 0; margin-right: 0; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-immersive { transform: translate(0); width: auto; } }
@media (min-width: 81.25em) { .content__main-column--interactive .element-immersive { max-width: 1260px; } }
.content__main-column--interactive p, .content__main-column--interactive ul { max-width: 620px; }
.content__main-column--interactive:before { position: absolute; top: 0; height: calc(100% + 15px); min-height: 100px; content: ""; }
@media (min-width: 71.25em) {Safu kuu ya maudhui kwa makala shirikishi ina mpaka wa kushoto wa 1px imara #dcdcdc, uliowekwa kwa -10px na z-index ya -1. Kwenye skrini zenye upana wa angalau 81.25em, mpaka huu unahamia -11px. Vipengele vya atomu ndani ya safu hii havina margin ya juu au chini, lakini padding ya 12px juu na chini. Wakati aya inafuatwa na kipengele cha atomu, padding huondolewa na kubadilishwa na margin ya 12px juu na chini. Vipengele vya ndani vina kikomo cha upana wa 620px, na kwenye skrini zenye upana wa angalau 61.25em, takwimu za ndani pia zina kikomo cha 620px.
Wakati sehemu ya media ina takwimu inayojirudia, figcaption (isipokuwa imefichwa) inapata z-index ya 6. Kitufe cha video loop kinajipanga chini na margin ya chini ya 40px na margin ya kulia ya 3px. Vyombo vya kudhibiti sauti vya mute na unmute vinakaa kwenye ukingo wa kulia na padding ya kushoto ya 10px. Kitufe cha caption kinapata z-index ya 100, na kwenye skrini zenye upana wa angalau 61.25em, kinakaa 20px kutoka chini. Kwenye skrini zenye upana wa angalau 46.25em, vyombo vya cinemagraph havina kikomo cha max-height.
Visiva vya video vilivyowekwa mwenyewe kwenye mwili vina upana kamili hadi 620px, vinaonekana kama block, na vina margin ya juu na chini ya 12px. Takwimu zao zinazojirudia na video zina upana kamili, urefu wa auto, kikomo cha 620px, na zimewekwa katikati. Wakati takwimu inayojirudia ni kipengele cha video cha kuzama, kisiwa kinapanuka hadi upana kamili na margin ya wima ya 12px, na takwimu na video zinapoteza max-width na uwekaji katikati. Kwenye skrini zenye upana wa angalau 71.25em, kisiwa cha kuzama kinakuwa na upana wa 1140px na kinahamia kushoto kwa 180px, na figcaption zinapata margin ya kushoto ya 20px. Kwenye skrini zenye upana wa angalau 81.25em, kinakuwa na upana wa 1300px na kinahamia kushoto kwa 260px.
Mzizi unafafanua sifa kadhaa maalum: rangi ya dateline #606060, mpaka wa kichwa #dcdcdc, maandishi ya maelezo #999, mandharinyuma ya maelezo hsla(0, 0%, 7%, .72), rangi ya kipengele #c70000, na rangi mpya ya nguzo inayoangukia kwenye rangi ya nguzo ya msingi au rangi ya kipengele. Maandishi ya kichwa kidogo, maandishi ya pullquote, na aikoni za pullquote zinatumia rangi ya nguzo ya pili, wakati maandishi ya block quote yanatumia rangi ya maandishi ya makala. Block quote zinapata rangi ya kujaza kutoka kwa nguzo ya pili. Katika hali ya giza (isipokuwa mpango wa rangi umewekwa wazi kuwa mwanga), vichwa vidogo, pullquote, na aikoni zao zinabadilika hadi rangi ya nguzo ya hali ya giza, na block quote zinafuata vivyo hivyo.
Vipengele vya atomu havina padding. Wakati kipengele cha atomu ni cha kwanza cha aina yake na kinafuatwa na aya, lango la kuingia, atomu nyingine, au sawa na hiyo, aya inayofuata inapata nafasi maalum. Vile vile kunatumika baada ya mstari wa mlalo ambao sio wa mwisho, au baada ya chombo cha nafasi ya tangazo kinachofuatwa na aya.Maandishi uliyotoa ni msimbo wa CSS, sio nathari, kwa hivyo hakuna toleo la asili la Kiingereza la kutoa. Ikiwa ungependa, naweza kueleza kile CSS hii inafanya kwa Kiingereza rahisi.Siwezi kuandika hiyo upya kama Kiingereza fasaha—ni msimbo wa CSS, sio nathari. Ikiwa ungependa, naweza kueleza kile mitindo inafanya kwa Kiingereza rahisi, au unaweza kushiriki maandishi halisi unayotaka kuandikwa upya.Msimbo huu wa CSS unafafanua mpangilio unaojibika kwa vichwa vya makala, vichwa vya habari, metadata, standfirst, na picha. Inatumia CSS Grid kupanga vipengele hivi katika ukubwa tofauti wa skrini, na pointi za kuvunja katika 61.25em, 71.25em, na 81.25em. Mpangilio unarekebisha miundo ya safu na safu, unaongeza mipaka, na unatengeneza viungo na takwimu ili kuhakikisha maudhui yanaonekana vizuri kwenye vifaa mbalimbali.Standfirst ya kifuniko cha samani ina mwendo mdogo wa kushoto. Katika kichwa cha makala, div za lebo zinapata padding kidogo ya juu. Kichwa cha habari h1 kimewekwa kuwa semibold, na upana wa juu wa 620px na ukubwa wa fonti wa 32px. Kwenye skrini pana (angalau 71.25em), upana wa juu unakuwa 540px na ukubwa wa fonti unaongezeka hadi 50px. Katika 46.25em na zaidi, vipengele vya keyline-4 na lines havina margin ya kulia, na katika 61.25em na zaidi vimefichwa. SVG zao zinatumia rangi ya mpaka wa kichwa kwa mistari. Sehemu ya meta pia inapoteza margin yake ya kulia katika 46.25em na zaidi. Vipengele vya kijamii na maoni ndani ya meta vinatumia rangi ya mpaka wa kichwa kwa mipaka yao, na gu-island yoyote ndani ya chombo cha meta imefichwa. Standfirst inahamishwa kushoto kwa 10px na padding inayolingana, na inapata padding ya juu ya 2px katika 46.25em na zaidi. Aya zake zina uzito wa kawaida, 20px, na padding ya chini ya 14px. Sehemu kuu ya media imewekwa kwa uwiano, bila margin ya juu na margin ya chini ya 2px, imewekwa katika eneo la gridi ya picha. Div zake za ndani zinachukua upana kamili bila margin ya ndani. Katika 61.25em na zaidi, margin ya chini inaondolewa. Kwenye skrini hadi 46.24em, inachukua upana kamili wa viewport ukiondoa scrollbar yoyote na inahamishwa kushoto kwa 10px; kati ya 30em na 46.24em, mwendo huo wa kushoto unakuwa 20px. Figcaption zimewekwa kwa uwiano kamili chini, na padding na mandharinyuma na rangi ya maandishi kutoka kwa vigezo vya CSS, hakuna upana wa juu, hakuna margin ya chini, na urefu wa chini wa 46px. Span ndani zinatumia rangi ya mpaka wa kichwa, na SVG ndani ya span hizo zinajazwa nayo. Span ya kwanza imefichwa, wakati ya pili inaonyeshwa na upana wa juu wa 90%. Katika 30em na zaidi, padding ya figcaption inaongezeka. Figcaption iliyofichwa ina opacity ya sifuri. Kitufe cha maelezo ni kipengele cha block, kilichowekwa kwa uwiano kamili chini kulia, na mandharinyuma ya mviringo, hakuna mpaka, na padding kidogo. SVG yake imepunguzwa kwa kiwango kidogo. Katika 30em na zaidi, inahamia kulia kidogo zaidi. Kwenye skrini pana, safu kuu ya maudhui shirikishi inapata pseudo-element yenye kukabiliana maalum ya juu na urefu. Vichwa ndani ya safu kuu ya maudhui shirikishi vina upana wa juu wa 620px. Katika hali ya giza (wakati haijawekwa wazi kuwa mwanga), vigezo kadhaa vya CSS vinafafanuliwa upya kwa maandishi ya kufuata, kujaza aikoni ya kufuata, maandishi ya standfirst, maandishi ya kiungo cha standfirst na mpaka, na rangi ya byline. Mzizi pia unafafanua kigezo kipya cha rangi ya nguzo kinachoangukia kwenye nguzo ya hali ya giza.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfKwanza, kiungo cha kipengee cha orodha kinapopitwa na kishale, kiungo cha standfirst cha kifuniko cha samani kinapopitwa na kishale, na kiungo cha kipengee cha orodha ya standfirst ya kifuniko cha samani kinapopitwa na kishale: ondoa mpaka wa chini na weka rangi ya mapambo ya maandishi kwa rangi mpya ya nguzo au kipengele cha hali ya giza.
Aya za standfirst za kifuniko cha samani, aya za standfirst, na aya za sifa za data za standfirst: weka rangi kuwa #dcdcdc.
Kwa upana wa chini wa 61.25em: aya ya kwanza katika standfirst ya kifuniko cha samani, standfirst, na sifa ya data ya standfirst inapata mpaka wa juu wa 1px imara wa rangi ya mpaka wa kichwa.
Kwa upana wa chini wa 71.25em: aya ya kwanza katika vipengele hivyo hivyo vya standfirst haina mpaka wa juu.
Vipengee vya orodha vya standfirst ya kifuniko cha samani, vipengee vya orodha vya standfirst, na vipengee vya orodha vya sifa ya data ya standfirst: weka rangi kuwa #dcdcdc.
Kwa upana wa chini wa 71.25em: pseudo-element ya kabla ya standfirst ya kifuniko cha samani, standfirst, na sifa ya data ya standfirst inapata rangi ya mandharinyuma ya rangi ya mpaka wa kichwa.
Kwa upana wa chini wa 46.25em: pseudo-element ya kabla ya kifuniko cha samani inapata maudhui, urefu kamili, juu 0, nafasi kamili, rangi ya mandharinyuma ya giza, mpaka wa kulia wa 1px imara wa rangi ya mpaka wa kichwa, nafasi ya kushoto iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px iliyogawanywa na negative 2, na upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px iliyogawanywa na 2. Pseudo-element ya baada ya kifuniko cha samani inapata maudhui, urefu kamili, juu 0, nafasi kamili, rangi ya mandharinyuma ya giza, mpaka wa kushoto wa 1px imara wa rangi ya mpaka wa kichwa, nafasi ya kulia iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px iliyogawanywa na negative 2, na upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px iliyogawanywa na 2.
Kwa upana wa chini wa 61.25em: pseudo-element ya kabla ya kifuniko cha samani inapata maudhui, upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px iliyogawanywa na 2, na nafasi ya kushoto iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px iliyogawanywa na negative 2. Pseudo-element ya baada ya kifuniko cha samani inapata maudhui, upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px iliyogawanywa na 2, na nafasi ya kulia iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px iliyogawanywa na negative 2.
Kwa upana wa chini wa 71.25em: pseudo-element ya kabla ya kifuniko cha samani inapata maudhui, upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px iliyogawanywa na 2, na nafasi ya kushoto iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px iliyogawanywa na negative 2. Pseudo-element ya baada ya kifuniko cha samani inapata maudhui, upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px iliyogawanywa na 2, na nafasi ya kulia iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px iliyogawanywa na negative 2.
Kwa upana wa chini wa 81.25em: pseudo-element ya kabla ya kifuniko cha samani inapata maudhui, upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px iliyogawanywa na 2, na nafasi ya kushoto iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px iliyogawanywa na negative 2. Pseudo-element ya baada ya kifuniko cha samani inapata maudhui, upana uliohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px iliyogawanywa na 2, na nafasi ya kulia iliyohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px iliyogawanywa na negative 2.
SVG ya keyline-4 ya kifuniko cha samani na SVG ya sifa ya data ya mistari: weka mstari kuwa rangi ya mpaka wa kichwa.
Meta social ya kifuniko cha samani, span ya kiungo cha kipengee cha orodha ya meta social, meta comment, meta data attribute meta social, meta data attribute meta social list item link span, na meta data attribute meta comment: weka rangi ya mpaka kuwa rangi ya mpaka wa kichwa.
h2 ya mwili wa makala na h2 ya mwili wa maudhui shirikishi: weka uzito wa fonti kuwa 200. Ikiwa h2 ina strong, weka uzito wa fonti kuwa 700.
Div yenye sifa ya kuficha mpangilio wa kuchapisha ul: ondoa picha ya mandharinyuma.
Mzizi wenye sifa ya rendering target apps: weka maandishi ya kufuata kuwa #dcdcdc, kujaza aikoni ya kufuata kuwa rangi mpya ya nguzo, maandishi ya standfirst kuwa #dcdcdc, maandishi ya kiungo cha standfirst kuwa rangi mpya ya nguzo, mpaka wa kiungo cha standfirst kuwa rangi mpya ya nguzo,
