layout.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic&subset=latin,latin-ext);

html {
  font-size: 10px;
  margin: 0;
}

body {
  background: var(--gray0);
  color: var(--gray9);
  font-family: var(--sans-serif);
  font-size: 1.8rem;
  margin: 0;
  padding-top: var(--nav-height);

  /* Set in JavaScript */
  --banner-clip: polygon(0 0, 100% 0, 100% calc(100% - 72px), 0 100%);
  --banner-gradient: linear-gradient(to right, var(--purple9), var(--blue7));
  --nav-height: 6.2rem;
  --hero-height: 36.0rem;

  --sans-serif: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --serif: 'Merriweather', Georgia, Cambria, "Times New Roman", Times, serif;

  --gray0: #F5F6F7;
  --gray1: #EAEDEF;
  --gray2: #DAE1E5;
  --gray3: #CBD4D8;
  --gray4: #B0BCC1;
  --gray5: #929FA5;
  --gray6: #6F7B82;
  --gray7: #556066;
  --gray8: #3F484C;
  --gray9: #2D3438;
  --red0: #FAF0F0;
  --red1: #FAD4D4;
  --red2: #FAB6B6;
  --red3: #FA8E8E;
  --red4: #F55353;
  --red5: #DE1B1B;
  --red6: #B80D0D;
  --red7: #8F0E0E;
  --red8: #661414;
  --red9: #451717;
  --orange0: #FCF2E6;
  --orange1: #FAD8AF;
  --orange2: #F5BC76;
  --orange3: #E89C3F;
  --orange4: #CF7911;
  --orange5: #AD5F00;
  --orange6: #8A4D03;
  --orange7: #693D07;
  --orange8: #4D2F0B;
  --orange9: #33210C;
  --green0: #ECF2E9;
  --green1: #C5E5B5;
  --green2: #9ACC7D;
  --green3: #83BA63;
  --green4: #5FA04D;
  --green5: #417F38;
  --green6: #2C682C;
  --green7: #215127;
  --green8: #193F1D;
  --green9: #0F260F;
  --blue0: #E8F4FA;
  --blue1: #BBE5FA;
  --blue2: #8DD4F7;
  --blue3: #53BAED;
  --blue4: #229AD6;
  --blue5: #0C7BB3;
  --blue6: #066391;
  --blue7: #064D70;
  --blue8: #093952;
  --blue9: #0C2938;
  --purple0: #F5F0FA;
  --purple1: #EAD9FA;
  --purple2: #DABCF7;
  --purple3: #C79BF2;
  --purple4: #AE74E8;
  --purple5: #9656D6;
  --purple6: #7D3CBD;
  --purple7: #642B9E;
  --purple8: #4B2175;
  --purple9: #371C52;
  --pink0: #FAF0F4;
  --pink1: #FAD4E4;
  --pink2: #FAB4D1;
  --pink3: #F78BB8;
  --pink4: #ED5393;
  --pink5: #D6246E;
  --pink6: #B01355;
  --pink7: #8A1244;
  --pink8: #611535;
  --pink9: #421527;

  --brand-light: var(--green3);
  --brand: var(--green5);
  --brand-dark: var(--green7);
}

/* Start: Syntax Highlight Overrides */

:not(pre) > code[class*="language-"] {
  background-color: var(--gray2) !important;
  color: var(--gray9) !important;
  padding: 0 6px !important;
  text-decoration: none;
  text-shadow: none;
}

pre[class*="language-"],
code[class*="language-"] {
  color: var(--gray2) !important;
  background: var(--gray9) !important;
}
.token.punctuation { color: var(--gray2) !important; }
.token.operator { color: var(--gray2) !important; }
.token.function { color: var(--orange3) !important; }
.token.keyword { color: var(--blue3) !important; }
.token.string { color: var(--green3) !important; }
.token.number { color: var(--purple3) !important; }

/* End: Syntax Highlight Overrides */

main {
  display: grid;
  grid-template-columns: 420px auto;
}

.nav {
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.33), 0 2px 3px rgba(0, 0, 0, 0.2);
  height: var(--nav-height);
  line-height: var(--nav-height);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.nav__logo {
  display: block;
  height: 42px;
  margin: 0 24px 0 0;
}

.nav__tabs {
  text-decoration: none;
  font-size: 14px;
  margin-left: 16px;
}

.nav__tabs > a {
  text-decoration: none;
  color: black;
}


.hero {
  align-items: center;
  display: flex;
  grid-column-end: 3;
  grid-column-start: 1;
  height: var(--hero-height);
  position: sticky;
  top: -206px;
  width: 100%;
  z-index: 998;
}

.hero h1 {
  bottom: 28px;
  color: white;
  font-size: 4.2rem;
  font-weight: 600;
  left: 460px;
  max-width: 768px;
  position: relative;
  z-index: 999;
}

.diagonal-hero-bg {
  background: var(--banner-gradient);
  clip-path: var(--banner-clip);
  content: "";
  /* Equivalent of .85 opacity without the transparency! */
  filter: brightness(160%) saturate(45%);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.side-nav {
  /* Needed since overflow: none will disable position: sticky on children */
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  height: calc(100vh - var(--nav-height));
  margin-top: -92px;
  overflow: auto;
  overflow-x: hidden;
  padding: 0 2.4rem;
  position: sticky;
  top: var(--nav-height);
  width: 100%;
  max-width: 36.0rem;
  z-index: 998;
}

.side-nav__open {
  display: none;
}

.side-nav > :last-child {
  /* To allow side menu to scroll to bottom when not sticky */
  padding-bottom: 230px;
}

.side-nav::before {
  background: var(--banner-gradient);
  background-color: var(--gray9);
  background-size: 100vw 100%;
  clip-path: var(--banner-clip);
  content: "";
  display: block;
  /* Equivalent of .85 opacity without the transparency! */
  filter: brightness(160%) saturate(45%);
  height: 92px;
  margin: 0 -2.4rem -92px -2.4rem;
  position: sticky;
  top: 0;
  width: 100vw;
  z-index: 998;
}

.side-nav__title {
  color: #000;
  font-weight: 200;
  letter-spacing: 2px;
  margin: 2.8rem 0 2.4rem;
  position: sticky;
  top: 2.8rem;
  z-index: 999;
}

.side-nav__list {
  margin: 0;
  padding: 0;
}

.side-nav__item {
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--gray9);
  cursor: pointer;
  line-height: 2.4rem;
  list-style: none;
  margin-left: 4.8rem;
  padding: 1.2rem;
  position: relative;
  width: calc(100% - 4.8rem);
}

.side-nav__item {
  color: var(--gray9);
  text-decoration: none;
  display: block;
}

.side-nav__item:last-of-type::after {
  display: none;
}

.side-nav__item::before {
  background-size: 2.4rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px var(--brand-light);
  box-sizing: border-box;
  content: ' ';
  display: block;
  height: 2.4rem;
  left: -3.6rem;
  padding: 2px 4px;
  position: absolute;
  top: 1.2rem;
  transition: box-shadow .28s;
  overflow: hidden;
  width: 2.4rem;
}

.side-nav__item.side-nav__item--done::before {
  content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ0OC44IDQ0OC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDguOCA0NDguODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJjaGVjayI+CgkJPHBvbHlnb24gcG9pbnRzPSIxNDIuOCwzMjMuODUgMzUuNywyMTYuNzUgMCwyNTIuNDUgMTQyLjgsMzk1LjI1IDQ0OC44LDg5LjI1IDQxMy4xLDUzLjU1ICAgIiBmaWxsPSIjZjVmNmY3Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.side-nav__item.side-nav__item--done::before,
.side-nav__item.side-nav__item--active::before {
  box-shadow: inset 0 0 0 2.4rem var(--brand-light);
}

.side-nav__item:hover::before {
  box-shadow: inset 0 0 0 2.4rem var(--brand-light) !important;
}

.side-nav__item::after {
  background: var(--brand-light);
  content: ' ';
  display: block;
  height: calc(100% - 2.4rem - 8px);
  left: calc(-2.4rem - 1px);
  position: absolute;
  top: calc(3.6rem + 4px);
  width: 2px;
}

.side-nav__open {
  display: none;
  position: sticky;
  top: 1.8rem;
  margin-left: -0.8rem;
  width: 20px;
  height: calc(24px + 3px);
  padding: 12px 0;
  background: white;
  color: white;
  overflow: visible;
  border: none;
  font-size: 1.8rem;
  text-indent: 3.2rem;
  line-height: 0;
  font-weight: 200;
  transition: color .28s, background-color .28s;
  outline: none;
  background-clip: content-box;
  z-index: 9999;
}

.side-nav__open::before, .side-nav__open::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  transform: translateY(-250%);
  background-color: white;
  transition: transform .28s;
}

.side-nav__open::after {
  transform: translateY(250%);
}

.side-nav.side-nav--open .side-nav__open {
  top: calc(var(--nav-height) + 1.8rem);
  margin-bottom: -35px;
  margin-top: 16px;
  color: transparent;
  background-color: transparent;
}
.side-nav.side-nav--open  .side-nav__open::before {
  transform: rotate(-45deg);
}
.side-nav.side-nav--open  .side-nav__open::after {
  transform: rotate(45deg);
}

/* Start: Article Reader HTML Reset */

.article-reader {
  color: var(--gray9);
  font-family: var(--serif);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.58;
  letter-spacing: -.003em;
  max-width: 768px;
  padding-left: 4.2rem;
  width: calc(100% - 36.0rem);
}

/* sr-only for desktop */
.article-reader__headline {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.article-reader p {
  margin-bottom: 2.8rem;
}

.article-reader a {
  color: var(--gray9);
  font-weight: 600;
  text-decoration: underline;
}

.article-reader h1,
.article-reader h2,
.article-reader h3,
.article-reader h4,
.article-reader h5,
.article-reader h6 {
  font-family: var(--sans-serif);
  margin-bottom: 2.8rem;
}

.hero h1,
.article-reader h1,
.article-reader h2,
.article-reader h3 {
  cursor: pointer;
}

.hero h1::before,
.article-reader h1::before,
.article-reader h2::before,
.article-reader h3::before {
  color: var(--orange3);
  content: "#";
  display: inline-block;
  font-weight: 800;
  margin-left: -4.2rem;
  padding-right: 1.2rem;
  text-align: right;
  width: 3.0rem;
}

.article-reader h1 { font-size: 4.8rem; }
.article-reader h2 { font-size: 4.0rem; }
.article-reader h3 { font-size: 3.2rem; }
.article-reader h4 { font-size: 2.4rem; }
.article-reader h5 { font-size: 2.0rem; }
.article-reader h6 {
  font-size: 1.8rem;
  font-weight: 800;
}

.article-reader blockquote {
  border-left: 3px solid var(--gray4);
  color: var(--gray6);
  font-size: 2.0rem;
  font-style: italic;
  font-weight: 200;
  letter-spacing: 1px;
  margin: 0 0 2.8rem 0;
  padding: 1.8rem 0 1.8rem 3.2rem;
}

.article-reader blockquote p {
  margin: 0;
  padding: 0;
}

/* End: Article Reader HTML Reset */

.stars {
  --stars-small: 1928px 627px #767676, 626px 1242px #767676, 456px 1401px #767676, 1984px 1908px #767676, 391px 722px #767676, 1292px 1098px #767676, 29px 119px #767676, 445px 1913px #767676, 1861px 172px #767676, 1818px 1237px #767676, 1435px 660px #767676, 464px 928px #767676, 1771px 1053px #767676, 1033px 799px #767676, 553px 607px #767676, 1564px 1212px #767676, 915px 1084px #767676, 464px 847px #767676, 1456px 748px #767676, 997px 624px #767676, 1005px 1863px #767676, 1115px 1924px #767676, 1128px 1485px #767676, 827px 1590px #767676, 676px 1679px #767676, 660px 264px #767676, 320px 1327px #767676, 1738px 1375px #767676, 1597px 232px #767676, 457px 1891px #767676, 414px 725px #767676, 878px 248px #767676, 458px 221px #767676, 380px 428px #767676, 1364px 593px #767676, 267px 1967px #767676, 1266px 1579px #767676, 1867px 738px #767676, 1186px 970px #767676, 773px 1262px #767676, 1489px 1718px #767676, 1889px 1693px #767676, 154px 1834px #767676, 683px 484px #767676, 816px 1525px #767676, 1048px 1929px #767676, 1793px 977px #767676, 88px 1353px #767676, 760px 178px #767676, 1135px 521px #767676, 1391px 1168px #767676, 1031px 1017px #767676, 1260px 586px #767676, 1077px 420px #767676, 1693px 431px #767676, 629px 1488px #767676, 958px 533px #767676, 389px 1979px #767676, 1064px 1815px #767676, 1725px 581px #767676, 739px 1529px #767676, 263px 1626px #767676, 1803px 320px #767676, 801px 107px #767676, 1832px 957px #767676, 1828px 374px #767676, 1117px 1432px #767676, 1691px 1206px #767676, 78px 834px #767676, 570px 1935px #767676, 37px 1288px #767676, 29px 1763px #767676, 208px 1143px #767676, 832px 945px #767676, 477px 1782px #767676, 1495px 858px #767676, 287px 1926px #767676, 1399px 782px #767676, 111px 1178px #767676, 1570px 1587px #767676, 1152px 543px #767676, 876px 655px #767676, 895px 1895px #767676, 1140px 1759px #767676, 290px 593px #767676, 1803px 1699px #767676, 1180px 1328px #767676, 1465px 1795px #767676, 825px 1490px #767676, 256px 1972px #767676, 646px 1088px #767676, 65px 1221px #767676, 518px 1205px #767676, 1312px 1346px #767676, 632px 1551px #767676, 1989px 1924px #767676, 1090px 921px #767676, 695px 1486px #767676, 778px 1577px #767676, 174px 22px #767676, 1510px 1991px #767676, 392px 695px #767676, 1230px 773px #767676, 1868px 1191px #767676, 1504px 1619px #767676, 1440px 1116px #767676, 719px 1296px #767676, 900px 1868px #767676, 1553px 967px #767676, 1717px 1036px #767676, 518px 1187px #767676, 1558px 490px #767676, 339px 452px #767676, 1781px 1697px #767676, 1559px 829px #767676, 415px 1078px #767676, 856px 1622px #767676, 1820px 1026px #767676, 1235px 260px #767676, 1809px 1351px #767676, 1751px 765px #767676, 137px 1466px #767676, 1226px 1545px #767676, 660px 1105px #767676, 1076px 905px #767676, 1845px 446px #767676, 853px 1529px #767676, 50px 246px #767676, 1177px 1390px #767676, 1959px 983px #767676, 1616px 1208px #767676, 89px 1238px #767676, 1933px 822px #767676, 1006px 529px #767676, 760px 702px #767676, 1225px 1816px #767676, 1435px 547px #767676, 952px 1724px #767676, 1537px 1640px #767676, 566px 825px #767676, 1173px 349px #767676, 496px 688px #767676, 1799px 1086px #767676, 1913px 1322px #767676, 935px 859px #767676, 1537px 471px #767676, 248px 1467px #767676, 704px 576px #767676, 591px 168px #767676, 1647px 904px #767676, 851px 1971px #767676, 3px 210px #767676, 1397px 1735px #767676, 1234px 958px #767676, 518px 1073px #767676, 972px 553px #767676, 1905px 1892px #767676, 8px 566px #767676, 95px 1205px #767676, 804px 538px #767676, 1542px 810px #767676, 867px 1056px #767676, 1501px 988px #767676, 1388px 895px #767676, 92px 1827px #767676, 61px 1809px #767676, 140px 115px #767676, 1491px 52px #767676, 1669px 1895px #767676, 935px 879px #767676, 1185px 549px #767676, 586px 695px #767676, 1975px 925px #767676, 1663px 1854px #767676, 1567px 15px #767676, 943px 1307px #767676, 568px 1720px #767676, 563px 292px #767676, 1698px 374px #767676, 856px 759px #767676, 1895px 966px #767676, 105px 82px #767676, 1314px 1698px #767676, 826px 746px #767676, 1187px 385px #767676, 956px 368px #767676, 1047px 888px #767676, 1452px 1520px #767676, 168px 1289px #767676, 406px 340px #767676, 1999px 1402px #767676, 1901px 1628px #767676, 1778px 1664px #767676, 1276px 1181px #767676, 1391px 546px #767676, 1465px 1680px #767676, 727px 406px #767676, 1130px 1798px #767676, 972px 1636px #767676, 1463px 1855px #767676, 1542px 1078px #767676, 1470px 1055px #767676, 998px 536px #767676, 1265px 1692px #767676, 395px 459px #767676, 1132px 1527px #767676, 820px 743px #767676, 1533px 1552px #767676, 126px 659px #767676, 1797px 1020px #767676, 790px 1544px #767676, 184px 560px #767676, 243px 915px #767676, 1575px 166px #767676, 346px 1756px #767676, 1428px 611px #767676, 1257px 955px #767676, 1884px 777px #767676, 966px 1336px #767676, 595px 461px #767676, 428px 210px #767676, 664px 1476px #767676, 406px 812px #767676, 1115px 808px #767676, 847px 792px #767676, 982px 269px #767676, 534px 1770px #767676, 133px 20px #767676, 626px 1740px #767676, 1498px 606px #767676, 365px 291px #767676, 725px 666px #767676, 727px 1446px #767676, 505px 675px #767676, 1372px 302px #767676, 1419px 1947px #767676, 1858px 636px #767676, 1961px 2000px #767676, 1659px 1567px #767676, 1794px 746px #767676, 1490px 10px #767676, 704px 1930px #767676, 976px 1630px #767676, 1531px 905px #767676, 990px 1527px #767676, 866px 227px #767676, 1360px 982px #767676, 831px 1288px #767676, 1406px 806px #767676, 131px 45px #767676, 650px 99px #767676, 1760px 1969px #767676, 506px 1481px #767676, 30px 424px #767676, 229px 1881px #767676, 52px 162px #767676, 1154px 1980px #767676, 658px 10px #767676, 344px 1992px #767676, 1649px 1500px #767676, 1179px 1114px #767676, 1072px 171px #767676, 1975px 1027px #767676, 1619px 1224px #767676, 242px 841px #767676, 413px 1533px #767676, 1882px 1745px #767676, 1440px 1050px #767676, 1412px 198px #767676, 879px 1759px #767676, 809px 1456px #767676, 74px 50px #767676, 878px 358px #767676, 283px 433px #767676, 1056px 1773px #767676, 1727px 184px #767676, 1262px 1808px #767676, 560px 727px #767676, 769px 1457px #767676, 1469px 884px #767676, 1651px 1215px #767676, 757px 1131px #767676, 1663px 123px #767676, 814px 1675px #767676, 1163px 1360px #767676, 1930px 803px #767676, 1719px 871px #767676, 1078px 673px #767676, 678px 220px #767676, 1671px 1240px #767676, 1047px 229px #767676, 1066px 41px #767676, 1054px 146px #767676, 919px 1696px #767676, 1600px 7px #767676, 893px 271px #767676, 359px 968px #767676, 195px 1931px #767676, 858px 887px #767676, 930px 1447px #767676, 773px 102px #767676, 1737px 459px #767676, 190px 660px #767676, 271px 454px #767676, 1045px 1368px #767676, 419px 971px #767676, 643px 1171px #767676, 532px 345px #767676, 1766px 641px #767676, 403px 444px #767676, 394px 918px #767676, 1137px 92px #767676, 814px 931px #767676, 254px 342px #767676, 250px 980px #767676, 1558px 1786px #767676, 437px 1396px #767676, 376px 1053px #767676, 982px 227px #767676, 95px 1182px #767676, 1291px 125px #767676, 314px 1936px #767676, 503px 1055px #767676, 714px 1922px #767676, 1390px 1785px #767676, 1297px 199px #767676, 530px 1768px #767676, 998px 1710px #767676, 530px 163px #767676, 151px 1898px #767676, 1001px 675px #767676, 234px 1122px #767676, 1052px 1144px #767676, 1224px 1937px #767676, 1613px 620px #767676, 175px 1058px #767676, 1496px 1422px #767676, 360px 1796px #767676, 1907px 559px #767676, 355px 558px #767676, 1189px 784px #767676, 1170px 568px #767676, 96px 1978px #767676, 932px 1214px #767676, 394px 786px #767676, 1903px 336px #767676, 1137px 1421px #767676, 1563px 15px #767676, 1528px 763px #767676, 1621px 390px #767676, 1440px 1764px #767676, 1764px 85px #767676, 989px 1492px #767676, 877px 1561px #767676, 1009px 1157px #767676, 1737px 462px #767676, 520px 1995px #767676, 36px 247px #767676, 1849px 1938px #767676, 937px 941px #767676, 1864px 1950px #767676, 104px 692px #767676, 149px 1976px #767676, 1394px 1140px #767676, 1609px 629px #767676, 385px 1442px #767676, 1702px 1255px #767676, 413px 840px #767676, 1762px 825px #767676, 1535px 681px #767676, 1894px 988px #767676, 1355px 268px #767676, 541px 766px #767676, 1091px 1807px #767676, 1723px 856px #767676, 1096px 966px #767676, 1619px 1225px #767676, 337px 161px #767676, 664px 1623px #767676, 415px 1418px #767676, 534px 85px #767676, 278px 463px #767676, 405px 1549px #767676, 463px 106px #767676, 1227px 590px #767676, 1131px 849px #767676, 1497px 162px #767676, 1162px 953px #767676, 818px 1263px #767676, 1691px 1480px #767676, 1093px 630px #767676, 1884px 975px #767676, 1238px 517px #767676, 1234px 951px #767676, 1398px 1687px #767676, 1908px 856px #767676, 1307px 863px #767676, 1294px 689px #767676, 60px 442px #767676, 1860px 1115px #767676, 799px 778px #767676, 152px 1451px #767676, 1664px 1828px #767676, 1095px 1189px #767676, 717px 884px #767676, 1759px 1128px #767676, 891px 83px #767676, 1652px 1864px #767676, 289px 1149px #767676, 155px 1525px #767676, 663px 1323px #767676, 829px 545px #767676, 800px 1235px #767676, 687px 1912px #767676, 1655px 1256px #767676, 1721px 1205px #767676, 902px 1680px #767676, 574px 425px #767676, 164px 344px #767676, 131px 578px #767676, 1943px 65px #767676, 565px 1503px #767676, 1358px 1301px #767676, 1218px 381px #767676, 1203px 1601px #767676, 1389px 662px #767676, 779px 1580px #767676, 51px 736px #767676, 126px 266px #767676, 1708px 973px #767676, 790px 112px #767676, 1990px 914px #767676, 90px 1268px #767676, 407px 393px #767676, 27px 304px #767676, 1853px 1296px #767676, 1355px 1174px #767676, 1857px 89px #767676, 260px 776px #767676, 100px 1082px #767676, 695px 1560px #767676, 1576px 222px #767676, 565px 885px #767676, 297px 820px #767676, 1149px 1863px #767676, 187px 1252px #767676, 615px 974px #767676, 760px 1761px #767676, 1412px 1662px #767676, 611px 1154px #767676, 474px 1596px #767676, 1789px 768px #767676, 1634px 192px #767676, 1212px 1340px #767676, 1619px 1512px #767676, 611px 941px #767676, 113px 186px #767676, 1808px 510px #767676, 615px 1367px #767676, 547px 395px #767676, 1626px 1584px #767676, 1773px 397px #767676, 612px 1666px #767676, 361px 93px #767676, 1541px 1812px #767676, 911px 235px #767676, 120px 1681px #767676, 344px 1022px #767676, 1785px 53px #767676, 272px 400px #767676, 777px 573px #767676, 440px 1398px #767676, 1286px 1879px #767676, 1848px 1377px #767676, 1959px 1604px #767676, 1089px 1551px #767676, 1109px 1087px #767676, 1668px 1741px #767676, 1044px 1999px #767676, 660px 1671px #767676, 972px 1028px #767676, 1084px 655px #767676, 877px 1066px #767676, 457px 890px #767676, 424px 1492px #767676, 920px 867px #767676, 1546px 1409px #767676, 1729px 1482px #767676, 92px 1625px #767676, 468px 933px #767676, 1739px 683px #767676, 1130px 1578px #767676, 1340px 287px #767676, 828px 1961px #767676, 1130px 1823px #767676, 1810px 783px #767676, 1350px 631px #767676, 963px 1483px #767676, 1898px 1270px #767676, 1685px 1519px #767676, 1940px 1235px #767676, 57px 266px #767676, 1547px 92px #767676, 673px 1830px #767676, 900px 181px #767676, 132px 923px #767676, 1195px 113px #767676, 414px 1352px #767676, 1568px 304px #767676, 587px 1917px #767676, 269px 964px #767676, 1796px 1955px #767676, 798px 1513px #767676, 942px 615px #767676, 198px 860px #767676, 1473px 1891px #767676, 1519px 298px #767676, 100px 193px #767676, 721px 1199px #767676, 1395px 338px #767676, 25px 671px #767676, 75px 1685px #767676, 290px 214px #767676, 1185px 1821px #767676, 1312px 1188px #767676, 950px 2000px #767676, 1606px 1709px #767676, 931px 1565px #767676, 716px 382px #767676, 1117px 979px #767676, 1752px 1623px #767676, 1080px 766px #767676, 1145px 1667px #767676, 655px 278px #767676, 1679px 632px #767676, 1637px 1896px #767676, 490px 79px #767676, 1663px 266px #767676, 1392px 23px #767676, 718px 133px #767676, 350px 1808px #767676, 847px 1259px #767676, 1285px 271px #767676, 100px 661px #767676, 148px 1919px #767676, 997px 1803px #767676, 1137px 1362px #767676, 1094px 1280px #767676, 266px 645px #767676, 416px 914px #767676, 1994px 916px #767676, 581px 1984px #767676, 932px 296px #767676, 1651px 382px #767676, 615px 1703px #767676, 1144px 1925px #767676, 570px 29px #767676, 1561px 1744px #767676, 2px 1547px #767676, 561px 1310px #767676, 906px 683px #767676, 328px 1735px #767676, 1919px 1653px #767676, 327px 9px #767676, 735px 1315px #767676, 585px 444px #767676, 153px 724px #767676, 1724px 1871px #767676, 887px 410px #767676, 663px 1042px #767676, 251px 1924px #767676, 1663px 1258px #767676, 1413px 1126px #767676, 937px 876px #767676, 676px 1124px #767676, 1487px 1780px #767676, 1141px 1108px #767676, 513px 19px #767676, 1193px 1483px #767676, 1945px 1368px #767676, 1658px 218px #767676, 1858px 898px #767676, 1129px 1255px #767676, 1011px 1219px #767676, 1421px 1179px #767676, 114px 1124px #767676, 1407px 1753px #767676, 491px 1040px #767676, 1178px 1987px #767676, 1710px 1698px #767676, 1315px 1579px #767676, 48px 434px #767676, 1825px 879px #767676, 1381px 628px #767676, 1048px 1140px #767676, 1473px 718px #767676, 1420px 985px #767676, 902px 310px #767676, 1619px 324px #767676, 1083px 148px #767676, 1582px 1740px #767676, 1248px 1761px #767676, 1702px 1717px #767676, 627px 340px #767676, 1931px 1249px #767676, 1736px 627px #767676, 116px 1330px #767676, 96px 594px #767676, 1781px 1832px #767676, 1938px 1861px #767676, 1940px 1444px #767676, 266px 753px #767676, 91px 1090px #767676, 1393px 1746px #767676, 492px 178px #767676, 1556px 147px #767676, 1425px 1611px #767676, 282px 246px #767676, 500px 481px #767676, 515px 1947px #767676, 460px 1104px #767676, 931px 1472px #767676, 344px 226px #767676, 365px 107px #767676, 894px 1122px #767676, 1373px 1116px #767676, 507px 553px #767676, 966px 1895px #767676, 1587px 1357px #767676, 421px 652px #767676, 1893px 1500px #767676, 104px 1558px #767676, 456px 265px #767676, 1257px 1207px #767676, 1172px 906px #767676, 50px 1561px #767676, 1296px 30px #767676, 1098px 1529px #767676, 555px 723px #767676, 1458px 1919px #767676, 1146px 570px #767676, 1894px 973px #767676, 1777px 1570px #767676, 1917px 1004px #767676, 19px 927px #767676, 1882px 512px #767676, 1390px 1497px #767676, 99px 1521px #767676, 1796px 1847px #767676, 126px 1737px #767676, 600px 541px #767676, 1539px 391px #767676, 1689px 1531px #767676, 744px 92px #767676, 1000px 1339px #767676, 1697px 950px #767676, 1534px 745px #767676, 714px 272px #767676, 1931px 1036px #767676, 1063px 1547px #767676, 1790px 1484px #767676, 754px 612px #767676, 886px 878px #767676, 1588px 1882px #767676, 88px 1475px #767676, 920px 666px #767676, 1132px 1954px #767676, 825px 1000px #767676, 179px 1135px #767676, 919px 76px #767676, 1724px 1759px #767676, 1977px 1377px #767676, 1036px 1279px #767676, 1109px 658px #767676, 211px 188px #767676, 187px 180px #767676, 468px 1964px #767676, 1482px 244px #767676, 783px 772px #767676, 978px 431px #767676, 124px 388px #767676, 697px 1195px #767676, 404px 334px #767676, 1248px 572px #767676, 1888px 1144px #767676, 589px 132px #767676, 100px 425px #767676, 593px 648px #767676, 273px 643px #767676, 543px 1941px #767676, 427px 1843px #767676, 680px 293px #767676, 1495px 739px #767676, 526px 631px #767676, 1645px 567px #767676, 991px 949px #767676, 1027px 1570px #767676, 1335px 395px #767676, 1024px 1509px #767676, 1785px 250px #767676;
  --stars-medium: 1120px 738px #767676, 533px 827px #767676, 339px 866px #767676, 1335px 1325px #767676, 1021px 435px #767676, 1850px 1972px #767676, 492px 1847px #767676, 1030px 1536px #767676, 1154px 1422px #767676, 533px 945px #767676, 1465px 1670px #767676, 411px 1474px #767676, 413px 526px #767676, 1155px 1946px #767676, 1469px 1277px #767676, 310px 1807px #767676, 936px 387px #767676, 397px 725px #767676, 228px 1790px #767676, 1124px 539px #767676, 1261px 63px #767676, 172px 881px #767676, 1042px 1984px #767676, 1153px 322px #767676, 1955px 662px #767676, 1951px 1981px #767676, 621px 248px #767676, 1589px 534px #767676, 1997px 667px #767676, 618px 660px #767676, 452px 259px #767676, 362px 1762px #767676, 735px 347px #767676, 783px 297px #767676, 1808px 408px #767676, 373px 740px #767676, 543px 1509px #767676, 1125px 1169px #767676, 1625px 483px #767676, 1461px 782px #767676, 460px 1210px #767676, 608px 1119px #767676, 132px 1503px #767676, 169px 660px #767676, 392px 1094px #767676, 1128px 567px #767676, 119px 1617px #767676, 1872px 60px #767676, 1192px 673px #767676, 1115px 1712px #767676, 1192px 873px #767676, 1375px 1486px #767676, 1031px 227px #767676, 510px 1459px #767676, 607px 1047px #767676, 752px 247px #767676, 1556px 135px #767676, 959px 915px #767676, 1071px 365px #767676, 318px 203px #767676, 1000px 573px #767676, 2000px 1250px #767676, 1566px 1478px #767676, 364px 1008px #767676, 1335px 1898px #767676, 580px 1162px #767676, 930px 1091px #767676, 1644px 1040px #767676, 1702px 1127px #767676, 1750px 1105px #767676, 708px 1310px #767676, 29px 392px #767676, 946px 1905px #767676, 407px 1326px #767676, 59px 927px #767676, 1717px 1944px #767676, 674px 301px #767676, 1018px 1346px #767676, 1376px 1697px #767676, 1402px 961px #767676, 1012px 1256px #767676, 999px 923px #767676, 1866px 1360px #767676, 1129px 533px #767676, 117px 797px #767676, 778px 855px #767676, 1809px 1485px #767676, 965px 1725px #767676, 780px 290px #767676, 205px 431px #767676, 1886px 1007px #767676, 163px 1912px #767676, 517px 1106px #767676, 527px 1428px #767676, 1258px 1921px #767676, 1544px 1149px #767676, 1829px 966px #767676, 1626px 1420px #767676, 402px 1275px #767676, 1952px 920px #767676, 738px 1364px #767676, 1598px 1288px #767676, 1461px 951px #767676, 1921px 782px #767676, 57px 943px #767676, 1123px 7px #767676, 763px 1524px #767676, 432px 847px #767676, 1479px 59px #767676, 1761px 258px #767676, 1410px 1609px #767676, 303px 58px #767676, 103px 1478px #767676, 1289px 221px #767676, 1265px 277px #767676, 1153px 1054px #767676, 1468px 314px #767676, 363px 453px #767676, 1946px 70px #767676, 1223px 876px #767676, 1780px 1010px #767676, 782px 1977px #767676, 1480px 1867px #767676, 451px 390px #767676, 1285px 321px #767676, 877px 1682px #767676, 1998px 365px #767676, 817px 1011px #767676, 926px 1147px #767676, 310px 368px #767676, 1234px 922px #767676, 658px 64px #767676, 1409px 200px #767676, 1200px 515px #767676, 1597px 1924px #767676, 1089px 1523px #767676, 1917px 995px #767676, 734px 1392px #767676, 1573px 174px #767676, 209px 1376px #767676, 1987px 1718px #767676, 1650px 796px #767676, 827px 1701px #767676, 1763px 961px #767676, 1387px 834px #767676, 1122px 1326px #767676, 7px 763px #767676, 666px 893px #767676, 1568px 947px #767676, 1460px 53px #767676, 618px 549px #767676, 527px 398px #767676, 1648px 1959px #767676, 1333px 956px #767676, 807px 695px #767676, 875px 147px #767676, 568px 1632px #767676, 986px 1215px #767676, 1057px 1737px #767676, 1352px 851px #767676, 1579px 853px #767676, 66px 1269px #767676, 1775px 1587px #767676, 703px 107px #767676, 393px 1303px #767676, 897px 1414px #767676, 812px 120px #767676, 1553px 1317px #767676, 1394px 606px #767676, 1504px 1659px #767676, 1007px 370px #767676, 964px 1028px #767676, 871px 1349px #767676, 803px 1218px #767676, 1851px 1273px #767676, 57px 432px #767676, 727px 1752px #767676, 1381px 998px #767676, 950px 412px #767676, 1118px 493px #767676, 549px 311px #767676, 1689px 983px #767676, 185px 1432px #767676, 425px 1761px #767676, 547px 291px #767676, 356px 1619px #767676, 516px 294px #767676, 458px 383px #767676, 1634px 1420px #767676, 1202px 1564px #767676, 1526px 821px #767676, 1401px 1242px #767676, 34px 1100px #767676, 1347px 1172px #767676, 854px 821px #767676, 1762px 467px #767676, 410px 1662px #767676, 1804px 19px #767676, 1997px 320px #767676, 1025px 1016px #767676;
  --stars-large: 1783px 1852px #767676, 760px 523px #767676, 136px 446px #767676, 1618px 589px #767676, 769px 1696px #767676, 804px 1501px #767676, 1927px 1123px #767676, 46px 1079px #767676, 1682px 728px #767676, 1049px 479px #767676, 1427px 1116px #767676, 1951px 782px #767676, 1556px 827px #767676, 926px 382px #767676, 1851px 863px #767676, 1399px 1900px #767676, 634px 850px #767676, 1939px 1032px #767676, 1571px 1958px #767676, 1648px 1378px #767676, 33px 1171px #767676, 1848px 475px #767676, 1173px 1872px #767676, 1810px 409px #767676, 1957px 328px #767676, 1029px 45px #767676, 333px 584px #767676, 1998px 422px #767676, 480px 1216px #767676, 1432px 1888px #767676, 709px 606px #767676, 555px 1702px #767676, 58px 1863px #767676, 1839px 1633px #767676, 1349px 895px #767676, 1393px 1027px #767676, 799px 218px #767676, 923px 1581px #767676, 1277px 271px #767676, 142px 1086px #767676, 365px 41px #767676, 1135px 1148px #767676, 1101px 1518px #767676, 265px 1855px #767676, 1134px 167px #767676, 997px 770px #767676, 1172px 1332px #767676, 1573px 121px #767676, 1925px 853px #767676, 1951px 200px #767676, 777px 1093px #767676, 996px 278px #767676, 1328px 1296px #767676, 978px 535px #767676, 161px 288px #767676, 1466px 310px #767676, 638px 1368px #767676, 1407px 360px #767676, 704px 658px #767676, 1371px 1152px #767676, 1947px 1808px #767676, 1280px 1392px #767676, 51px 499px #767676, 1862px 1087px #767676, 563px 575px #767676, 165px 689px #767676, 1104px 708px #767676, 1279px 1339px #767676, 1561px 899px #767676, 1046px 49px #767676, 1916px 1992px #767676, 893px 1915px #767676, 1404px 1555px #767676, 1203px 330px #767676, 389px 1239px #767676, 69px 1152px #767676, 1566px 804px #767676, 341px 751px #767676, 1775px 724px #767676, 1281px 685px #767676, 244px 1397px #767676, 619px 1533px #767676, 169px 1812px #767676, 369px 1px #767676, 1705px 1430px #767676, 796px 1998px #767676, 1801px 534px #767676, 749px 1038px #767676, 429px 1533px #767676, 536px 1902px #767676, 261px 1700px #767676, 1630px 511px #767676, 863px 925px #767676, 435px 621px #767676, 221px 191px #767676, 734px 660px #767676, 1032px 1017px #767676, 832px 1594px #767676, 1757px 962px #767676, 652px 1291px #767676;
  height: 100%;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 100%;
  z-index: -1;
}

.stars > .small {
  background: transparent;
  box-shadow: var(--stars-small);
  height: 1px;
  width: 1px;
}

.stars > .small::after {
  content: " ";
  background: transparent;
  box-shadow: var(--stars-small);
  height: 1px;
  position: absolute;
  top: 2000px;
  width: 1px;
}

.stars > .medium {
  background: transparent;
  box-shadow: var(--stars-medium);
  height: 2px;
  width: 2px;
}

.stars>.medium::after {
  content: " ";
  background: transparent;
  box-shadow: var(--stars-medium);
  height: 2px;
  position: absolute;
  top: 2000px;
  width: 2px;
}

.stars > .big {
  background: transparent;
  border-radius: 100%;
  box-shadow: var(--stars-large);
  height: 3px;
  width: 3px;
}

.stars > .big::after {
  content: " ";
  background: transparent;
  border-radius: 100%;
  box-shadow: var(--stars-large);
  height: 3px;
  position: absolute;
  top: 2000px;
  width: 3px;
}