*{box-sizing:border-box;font-size:100%}:after,:before{box-sizing:inherit}body{background-color:var(--background);color:var(--White_Text);font-family:var(--font-inter),sans-serif;margin:0;padding:0}.flex{align-items:center;display:flex;justify-content:space-between}:root{--LimeGreen:#1db489;--BrightRed:#dc414c;--Facebook:#198ff5;--Twitter:#1ca0f2;--Instagram_start:#fdc468;--Instagram_end:#df4996;--YouTube:#c4032a;--Toggle_dark_start:#378fe6;--Toggle_dark_end:#3eda82;--Toggle_light:#aeb3cb;--VeryDarkBlue_BG:#1e202a;--VeryDarkBlue_TopBGPattern:#1f212e;--DarkDesaturatedBlue_CardBG:#252a41;--dark-card-hover:#343b56;--DesaturatedBlue_Text:#8b97c6;--White_Text:#fff;--White_BG:#fff;--VeryPaleBlue_TopBGPattern:#f5f7ff;--LightGrayishBlue_CardBG:#f0f2fa;--light-card-hover:#e0e4f0;--DarkGrayishBlue_Text:#63687e;--VeryDarkBlue_Text:#1e202a;--header-bg-dark:#1f212e;--header-bg-light:#f6f7fe;--background:var(--VeryDarkBlue_BG);--card-bg:var(--DarkDesaturatedBlue_CardBG);--header-bg:var(--header-bg-dark);--card-hover:var(--dark-card-hover);--text-header:var(--White_Text);--text:var(--DesaturatedBlue_Text);--toggle-bg:linear-gradient(225deg,var(--Toggle_dark_start) 0%,var(--Toggle_dark_end) 98.02%);--toggle-btn:var(--DarkDesaturatedBlue_CardBG)}.light{--background:var(--White_BG);--card-bg:var(--LightGrayishBlue_CardBG);--header-bg:var(--header-bg-light);--card-hover:var(--light-card-hover);--text-header:var(--VeryDarkBlue_Text);--text:var(--DarkGrayishBlue_Text);--toggle-bg:var(--DarkGrayishBlue_Text);--toggle-btn:var(--White_BG)}.dark{--background:var(--VeryDarkBlue_BG);--card-bg:var(--DarkDesaturatedBlue_CardBG);--header-bg:var(--header-bg-dark);--card-hover:var(--dark-card-hover);--text-header:var(--White_Text);--text:var(--DesaturatedBlue_Text);--toggle-bg:linear-gradient(225deg,var(--Toggle_dark_start) 0%,var(--Toggle_dark_end) 98.02%);--toggle-btn:var(--DarkDesaturatedBlue_CardBG)}:root{--font-inter:"Inter"}.container{margin:0 auto 3.125rem;max-width:69.375rem;padding-left:1.4375rem;padding-right:1.4375rem}@media (min-width:47.5em){.container{padding:0}}h1,h2,h3{margin:0}h1{color:var(--text-header);font-size:1.3125rem;margin-bottom:.8125rem}@media (min-width:47.5em){h1{font-size:1.1875rem}}p{font-size:.75rem;margin:0}a,a:active,a:visited{color:var(--text-header);text-decoration:none}body{position:relative}.header-bg{background:var(--header-bg);height:15.25rem;position:absolute;width:100%;z-index:-1}.header{padding-top:2.5625rem}@media (min-width:47.5em){.header{align-items:center;display:flex;justify-content:space-between}}.header__title{border-bottom:solid;border-color:var(--DarkGrayishBlue_Text);border-width:.0625rem;padding-bottom:1.375rem}@media (min-width:47.5em){.header__title{border:none;padding-bottom:0}}.header__title p{color:var(--text)}fieldset{border:none;margin-top:1.375rem;padding:0}@media (min-width:47.5em){fieldset{margin:0}}.toggle{align-items:center;display:flex;justify-content:space-between}@media (min-width:47.5em){.toggle{display:block}}.toggle label{color:var(--text-header);font-size:.75rem;margin-right:.875rem}@media (min-width:47.5em){.toggle label{color:var(--text-header)}}.toggle__wrapper{cursor:pointer;display:inline-block;height:1.5rem;position:relative;vertical-align:middle;width:3rem}.toggle__background{background:var(--toggle-bg);border-radius:.75rem;display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.toggle input[type=radio]{display:inline-block;height:18px;left:3px;margin:0 3px 0 0;opacity:0;position:relative;top:3px;width:18px;z-index:1}.toggle__switcher{background-color:var(--toggle-btn);border-radius:50%;display:block;height:1.125rem;left:.1875rem;position:absolute;right:100%;top:.1875rem;transition:all .15s ease-out;width:1.125rem;z-index:2}#toggle__light:checked~.toggle__switcher{left:50%;right:0}.card__grid{display:grid;gap:1.875rem;grid-template-columns:1fr}@media (min-width:47.5em){.card__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:64.0625em){.card__grid{grid-template-columns:repeat(4,1fr)}}.card__grid-facebook{border-top:.25rem solid var(--Facebook)}.card__grid-twitter{border-top:.25rem solid var(--Twitter)}.card__grid-instagram{position:relative;z-index:2}.card__grid-instagram:before{background-image:linear-gradient(255deg,var(--Instagram_end) 50.91%,var(--Instagram_start) 100%);border-radius:.3125rem .3125rem 0 0;content:"";display:block;height:.25rem;left:0;position:absolute;top:0;width:100%}.card__grid-youtube{border-top:.25rem solid var(--YouTube)}.card{background-color:var(--card-bg);border-radius:.3125rem;cursor:pointer;padding:1.75rem 4rem 1.625rem;text-align:center;transition:all .15s ease-in-out}@media (min-width:64.0625em){.card{max-width:15.875rem}}.card:hover{background-color:var(--card-hover)}.card__platform{margin-bottom:1.875rem}.card__platform--icon{margin-right:.5625rem;vertical-align:middle}.card__platform--username{color:var(--text);display:inline-block;font-size:.75rem}.card__followers{margin-bottom:1.875rem}.card__followers--count{color:var(--text-header);font-size:2.6875rem;font-weight:700;margin-bottom:1rem}.card__followers--label{color:var(--text);font-size:.5625rem;letter-spacing:.4375rem;text-transform:uppercase}.card__change--icon__down,.card__change--icon__up{vertical-align:middle}.card__change--number{display:inline-block;font-size:.5625rem;vertical-align:middle}.card__change--number--up{color:var(--LimeGreen)}.card__change--number--down{color:var(--BrightRed)}.card__header{margin-bottom:1.6875rem;position:relative}.card__header--label{color:var(--text);display:inline-block;font-size:.875rem;vertical-align:middle}.card__header--icon{position:absolute;right:0;top:-.3125rem;vertical-align:middle}.card__views{align-items:baseline}.card__views--count,.overview__heading{color:var(--text-header);font-size:1.5rem;font-weight:700}.overview__heading{margin-bottom:1.4375rem}.overview__cards{display:grid;gap:.9375rem;grid-template-columns:1fr}@media (min-width:47.5em){.overview__cards{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}}.overview__card{padding:1.875rem 1.5rem 1.6875rem}
/*# sourceMappingURL=style.css.map */