:root  > * {
  --md-primary-fg-color:        #D51E2A;
  --md-primary-fg-color--light: #FFFFFF;
  --md-primary-fg-color--dark:  #D51E2A;
}

img[alt="style-1"] {
  max-width: 80%;
}

img[alt="style-2"] {
  max-width: 40%;
}

img[alt="style-3"] {
  max-width: 30%;
}

img[alt="style-10"] {
  max-width: 10%;
}

img[alt="style-25"] {
  max-width: 25%;
}

img[alt="style-30"] {
  max-width: 30%;
}

img[alt="style-35"] {
  max-width: 35%;
}

img[alt="style-40"] {
  max-width: 40%;
}

img[alt="style-45"] {
  max-width: 45%;
}

img[alt="style-50"] {
  max-width: 50%;
}

img[alt="style-space"] {
  max-width: 10px;
}

img[alt="columns-1"] {
  width: 8.33%;
}

img[alt="columns-2"] {
  width: 16.66%;
}

img[alt="columns-3"] {
  width: 25%;
}

img[alt="columns-4"] {
  width: 33.33%;
}

img[alt="columns-5"] {
  width: 41.66%;
}

img[alt="columns-6"] {
  width: 50%;
}

img[alt="columns-7"] {
  width: 58.33%;
}

img[alt="columns-8"] {
  width: 66.66%;
}

img[alt="columns-9"] {
  width: 75%;
}

img[alt="columns-10"] {
  width: 83.33%;
}

img[alt="columns-11"] {
  width: 91.66%;
}

img[alt="columns-12"] {
  width: 100%;
}

a.download, a.download:visited {
    padding: 15px;
    color: white;

    background-color: #0000ff;
    background: linear-gradient(dodgerblue, midnightblue);
    border-radius: 10px;
}