/* screen - dsguidelinescolors */

.dsguidelinescolors {
  background-color:var(--white);
  height:100vh;
  margin:0px;
  min-height:2493px;
  min-width:1440px;
  overflow:hidden;
  position:relative;
  width:100%;
}
.dsguidelinescolors .additional-C61RwL {
  background-color:transparent;
  height:758px;
  left:344px;
  position:absolute;
  top:674px;
  width:674px;
}
.dsguidelinescolors .additional-colors-19aA8v {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:0px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinescolors .bg-kUhFmH {
  background-color:transparent;
  height:113px;
  left:0px;
  position:absolute;
  top:0px;
  width:317px;
}
.dsguidelinescolors .bg-ujU4Qa {
  background-color:transparent;
  height:113px;
  left:0px;
  position:absolute;
  top:0px;
  width:317px;
}
.dsguidelinescolors .bg-vaZkGj {
  background-color:transparent;
  height:113px;
  left:0px;
  position:absolute;
  top:0px;
  width:317px;
}
.dsguidelinescolors .black-ACV31M {
  background-color:transparent;
  height:202px;
  left:178px;
  position:absolute;
  top:72px;
  width:139px;
}
.dsguidelinescolors .black-v93qCl {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .cccccc-G9vxJs {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .color-provides-an-in-C61RwL {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:344px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:176px;
  width:674px;
}
.dsguidelinescolors .crimson-19aA8v {
  background-color:transparent;
  height:202px;
  left:177px;
  position:absolute;
  top:556px;
  width:139px;
}
.dsguidelinescolors .crimson-E9zSro {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .da1-b1-b-E9zSro {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .dark-grey-ACV31M {
  background-color:transparent;
  height:202px;
  left:357px;
  position:absolute;
  top:72px;
  width:138px;
}
.dsguidelinescolors .dark-grey-phlIQ2 {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .dark-sage-19aA8v {
  background-color:transparent;
  height:202px;
  left:0px;
  position:absolute;
  top:556px;
  width:138px;
}
.dsguidelinescolors .dark-sage-Lul1SN {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .dusty-grey-19aA8v {
  background-color:transparent;
  height:202px;
  left:0px;
  position:absolute;
  top:72px;
  width:138px;
}
.dsguidelinescolors .dusty-grey-rWxLWf {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .dusty-white-19aA8v {
  background-color:transparent;
  height:202px;
  left:536px;
  position:absolute;
  top:72px;
  width:138px;
}
.dsguidelinescolors .dusty-white-Lvdmqj {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .e2-e2-e2-CJOSNb {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .eb315-b-xC9WyO {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .faa32-f-yPJqU6 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .fafafa-Lvdmqj {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .ffffff-h9URMu {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .gradient-7QOxpj {
  background-color:transparent;
  height:192px;
  left:357px;
  position:absolute;
  top:69px;
  width:317px;
}
.dsguidelinescolors .gradient-9ZaUkJ {
  background-color:transparent;
  height:192px;
  left:0px;
  position:absolute;
  top:69px;
  width:317px;
}
.dsguidelinescolors .gradient-RVeBwV {
  background-color:transparent;
  height:192px;
  left:714px;
  position:absolute;
  top:69px;
  width:317px;
}
.dsguidelinescolors .gradients-7QOxpj {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:0px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinescolors .gradients-C61RwL {
  background-color:transparent;
  height:261px;
  left:344px;
  position:absolute;
  top:1504px;
  width:1031px;
}
.dsguidelinescolors .grey-ACV31M {
  background-color:transparent;
  height:202px;
  left:536px;
  position:absolute;
  top:72px;
  width:138px;
}
.dsguidelinescolors .grey-nYxuO6 {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .group-C61RwL {
  background-color:transparent;
  height:2493px;
  left:0px;
  position:fixed;
  top:0px;
  width:280px;
}
.dsguidelinescolors .heading-pquVBP {
  background-color:transparent;
  color:var(--black);
  font-size:48.0px;
  height:auto;
  left:0px;
  line-height:56.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:1031px;
}
.dsguidelinescolors .lavender-19aA8v {
  background-color:transparent;
  height:202px;
  left:357px;
  position:absolute;
  top:314px;
  width:138px;
}
.dsguidelinescolors .lavender-SLnfDp {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .linear-gradient135d-vaZkGj {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:144px;
  width:317px;
}
.dsguidelinescolors .linear-gradient180d-kUhFmH {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:144px;
  width:317px;
}
.dsguidelinescolors .linear-gradient270d-ujU4Qa {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:144px;
  width:317px;
}
.dsguidelinescolors .link-c-ZlvmFl {
  background-color:var(--white);
  height:55px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:421px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinescolors .link-c-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-g-accessebility-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:367px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinescolors .link-g-accessebility-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-g-android-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:335px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinescolors .link-g-android-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-g-colors-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:239px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinescolors .link-g-colors-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-g-icons-ZlvmFl {
  background-color:transparent;
  height:32px;
  left:0px;
  position:absolute;
  top:271px;
  width:280px;
}
.dsguidelinescolors .link-g-typography-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:303px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinescolors .link-g-typography-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-index-ZlvmFl {
  background-color:var(--white);
  height:69px;
  left:65px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:0px;
  transition:all 0.2s ease-in-out;
  width:150px;
}
.dsguidelinescolors .link-index-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-m-ZlvmFl {
  background-color:var(--white);
  height:54px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:645px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinescolors .link-m-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .link-ux-ZlvmFl {
  background-color:var(--white);
  height:22px;
  left:82px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:93px;
  transition:all 0.2s ease-in-out;
  width:83px;
}
.dsguidelinescolors .link-ux-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .links-ui-guidelines-NOXmfT {
  background-color:transparent;
  height:699px;
  left:0px;
  position:absolute;
  top:56px;
  width:280px;
}
.dsguidelinescolors .main-C61RwL {
  background-color:transparent;
  height:274px;
  left:344px;
  position:absolute;
  top:328px;
  width:853px;
}
.dsguidelinescolors .main-colors-ACV31M {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:0px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinescolors .mango-19aA8v {
  background-color:transparent;
  height:202px;
  left:536px;
  position:absolute;
  top:314px;
  width:138px;
}
.dsguidelinescolors .mango-yPJqU6 {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .nav-colors-NOXmfT {
  background-color:transparent;
  height:2493px;
  left:0px;
  position:absolute;
  top:0px;
  width:280px;
}
.dsguidelinescolors .navigationpageheader-C61RwL {
  background-color:transparent;
  height:170px;
  left:344px;
  position:absolute;
  top:48px;
  width:1032px;
}
.dsguidelinescolors .pale-grey-19aA8v {
  background-color:transparent;
  height:202px;
  left:357px;
  position:absolute;
  top:72px;
  width:138px;
}
.dsguidelinescolors .pale-grey-CJOSNb {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .raspberry-19aA8v {
  background-color:transparent;
  height:202px;
  left:177px;
  position:absolute;
  top:314px;
  width:139px;
}
.dsguidelinescolors .raspberry-xC9WyO {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .rectangle-CJOSNb {
  background-color:var(--bon-jour);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-E9zSro {
  background-color:var(--crimson);
  height:138px;
  left:1px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-G9vxJs {
  background-color:var(--celeste);
  height:138px;
  left:1px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-Lul1SN {
  background-color:var(--dingley);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-Lvdmqj {
  background-color:var(--alabaster);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-SLnfDp {
  background-color:var(--deluge);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-ZlvmFl {
  background-color:var(--white);
  height:54px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:477px;
  transition:all 0.2s ease-in-out;
  width:279px;
}
.dsguidelinescolors .rectangle-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinescolors .rectangle-exRr6a {
  background-color:var(--white);
  height:136px;
  left:1px;
  position:absolute;
  top:1px;
  width:136px;
}
.dsguidelinescolors .rectangle-h9URMu {
  background-color:var(--bon-jour);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-nYxuO6 {
  background-color:var(--granite-gray);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-phlIQ2 {
  background-color:var(--mine-shaft);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-rWxLWf {
  background-color:var(--mountain-mist);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-ulsaFx {
  background-color:var(--sea-serpent);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-v93qCl {
  background-color:var(--black);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-xC9WyO {
  background-color:var(--cerise-red);
  height:138px;
  left:1px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-xdnMV4 {
  background-color:var(--lima);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .rectangle-yPJqU6 {
  background-color:var(--sea-buckthorn);
  height:138px;
  left:0px;
  position:absolute;
  top:0px;
  width:138px;
}
.dsguidelinescolors .red-background-kUhFmH {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:122px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinescolors .river-blue-19aA8v {
  background-color:transparent;
  height:202px;
  left:0px;
  position:absolute;
  top:314px;
  width:138px;
}
.dsguidelinescolors .river-blue-ulsaFx {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .silver-grey-19aA8v {
  background-color:transparent;
  height:202px;
  left:177px;
  position:absolute;
  top:72px;
  width:139px;
}
.dsguidelinescolors .silver-grey-G9vxJs {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .subheading-pquVBP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:64px;
  white-space:nowrap;
  width:1032px;
}
.dsguidelinescolors .success-illustration-vaZkGj {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:122px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinescolors .uxda-green-ACV31M {
  background-color:transparent;
  height:202px;
  left:0px;
  position:absolute;
  top:72px;
  width:138px;
}
.dsguidelinescolors .uxda-green-xdnMV4 {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .water-blue-gradient-ujU4Qa {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:122px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinescolors .white-ACV31M {
  background-color:transparent;
  height:202px;
  left:714px;
  position:absolute;
  top:72px;
  width:139px;
}
.dsguidelinescolors .white-h9URMu {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:154px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .x000000-v93qCl {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:139px;
}
.dsguidelinescolors .x333333-phlIQ2 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .x4-ac6-e4-ulsaFx {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .x5-a7149-Lul1SN {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .x6-cc727-xdnMV4 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .x666666-nYxuO6 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .x7-b63-ab-SLnfDp {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.dsguidelinescolors .x999999-rWxLWf {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:178px;
  white-space:nowrap;
  width:138px;
}
.font-class-1 {
  font-family:"SFProDisplay-Regular", Helvetica, Arial, serif;
}
.font-class-2 {
  font-family:"SFProDisplay-Bold", Helvetica, Arial, serif;
}
.font-class-3 {
  font-family:"SFProDisplay-Semibold", Helvetica, Arial, serif;
}
.font-class-4 {
  font-family:"SFProDisplay-Light", Helvetica, Arial, serif;
}
.font-class-5 {
  color:var(--granite-gray);
  font-family:"SFProDisplay-Regular", Helvetica, Arial, serif;
  font-size:10.0px;
  letter-spacing:2.00px;
  line-height:16.0px;
}
.font-class-6 {
  color:var(--black);
  font-family:'Roboto', Helvetica, Arial, serif;
  font-style:normal;
  font-weight:700;
}
:root {
  --alabaster:rgba(250,250,250,1.0);
  --black:rgba(0,0,0,1.0);
  --bon-jour:rgba(226,226,226,1.0);
  --celeste:rgba(204,204,204,1.0);
  --cerise-red:rgba(235,49,91,1.0);
  --crimson:rgba(218,27,27,1.0);
  --deluge:rgba(123,99,171,1.0);
  --dingley:rgba(90,113,73,1.0);
  --granite-gray:rgba(102,102,102,1.0);
  --lima:rgba(108,199,39,1.0);
  --mine-shaft:rgba(51,51,51,1.0);
  --mountain-mist:rgba(153,153,153,1.0);
  --sea-buckthorn:rgba(250,163,47,1.0);
  --sea-serpent:rgba(74,198,228,1.0);
  --white:rgba(255,255,255,1.0);
}