/*! tailwindcss v4.0.5 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(
      --font-sans--font-variation-settings
    );
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(
      --font-mono--font-feature-settings
    );
    --default-mono-font-variation-settings: var(
      --font-mono--font-variation-settings
    );
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var( --default-font-variation-settings, normal );
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
    font-feature-settings: var( --default-mono-font-feature-settings, normal );
    font-variation-settings: var( --default-mono-font-variation-settings, normal );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
    color: color-mix(in oklab, currentColor 50%, transparent);
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .w-full {
    width: 100%;
  }
  .w-sm {
    width: var(--container-sm);
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .flex-row {
    flex-direction: row;
  }
  .content-center {
    align-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
}
.w3-2021-marigold {
  color: #fff;
  background-color: #FDAC53;
}
.w3-2021-cerulean {
  color: #000;
  background-color: #9BB7D4;
}
.w3-2021-rust {
  color: #fff;
  background-color: #B55A30;
}
.w3-2021-illuminating {
  color: #000;
  background-color: #F5DF4D;
}
.w3-2021-french-blue {
  color: #fff;
  background-color: #0072B5;
}
.w3-2021-green-ash {
  color: #000;
  background-color: #A0DAA9;
}
.w3-2021-burnt-coral {
  color: #fff;
  background-color: #E9897E;
}
.w3-2021-mint {
  color: #fff;
  background-color: #00A170;
}
.w3-2021-amethyst-orchid {
  color: #fff;
  background-color: #926AA6;
}
.w3-2021-raspberry-sorbet {
  color: #fff;
  background-color: #D2386C;
}
.w3-2021-inkwell {
  color: #fff;
  background-color: #363945;
}
.w3-2021-ultimate-gray {
  color: #fff;
  background-color: #939597;
}
.w3-2021-buttercream {
  color: #000;
  background-color: #EFE1CE;
}
.w3-2021-desert-mist {
  color: #000;
  background-color: #E0B589;
}
.w3-2021-willow {
  color: #fff;
  background-color: #9A8B4F;
}
.w3-2020-classic-blue {
  color: #fff;
  background-color: #34568B;
}
.w3-2020-flame-scarlet {
  color: #fff;
  background-color: #CD212A;
}
.w3-2020-saffron {
  color: #000;
  background-color: #FFA500;
}
.w3-2020-biscay-green {
  color: #000;
  background-color: #56C6A9;
}
.w3-2020-chive {
  color: #fff;
  background-color: #4B5335;
}
.w3-2020-faded-denim {
  color: #fff;
  background-color: #798EA4;
}
.w3-2020-orange-peel {
  color: #fff;
  background-color: #FA7A35;
}
.w3-2020-mosaic-blue {
  color: #fff;
  background-color: #00758F;
}
.w3-2020-sunlight {
  color: #000;
  background-color: #EDD59E;
}
.w3-2020-coral-pink {
  color: #000;
  background-color: #E8A798;
}
.w3-2020-cinnamon-stick {
  color: #fff;
  background-color: #9C4722;
}
.w3-2020-grape-compote {
  color: #fff;
  background-color: #6B5876;
}
.w3-2020-lark {
  color: #fff;
  background-color: #B89B72;
}
.w3-2020-navy-blazer {
  color: #fff;
  background-color: #282D3C;
}
.w3-2020-brilliant-white {
  color: #000;
  background-color: #EDF1FF;
}
.w3-2020-ash {
  color: #fff;
  background-color: #A09998;
}
.w3-2020-amberglow {
  color: #fff;
  background-color: #DC793E;
}
.w3-2020-samba {
  color: #fff;
  background-color: #A2242F;
}
.w3-2020-sandstone {
  color: #fff;
  background-color: #C48A69;
}
.w3-2020-green-sheen {
  color: #000;
  background-color: #D9CE52;
}
.w3-2020-rose-tan {
  color: #000;
  background-color: #D19C97;
}
.w3-2020-ultramarine-green {
  color: #fff;
  background-color: #006B54;
}
.w3-2020-fired-brick {
  color: #fff;
  background-color: #6A2E2A;
}
.w3-2020-peach-nougat {
  color: #000;
  background-color: #E6AF91;
}
.w3-2020-magenta-purple {
  color: #fff;
  background-color: #6C244C;
}
.w3-2019-dark-cheddar {
  color: #fff;
  background-color: #E08119;
}
.w3-2019-vanilla-custard {
  color: #000;
  background-color: #F3E0BE;
}
.w3-2019-guacamole {
  color: #fff;
  background-color: #797B3A;
}
.w3-2019-creme-de-peche {
  color: #000;
  background-color: #F5D6C6;
}
.w3-2019-paloma {
  color: #fff;
  background-color: #9F9C99;
}
.w3-2019-sweet-lilac {
  color: #000;
  background-color: #E8B5CE;
}
.w3-2018-meadowlark {
  color: #000;
  background-color: #ECDB54;
}
.w3-2018-spring-crocus {
  color: #fff;
  background-color: #BC70A4;
}
.w3-food-strawberry {
  color: #fff;
  background-color: #fb2943;
}
.w3-2018-ultra-violet {
  color: #fff;
  background-color: #6B5B95;
}
.w3-2018-little-boy-blue {
  color: #000;
  background-color: #6F9FD8;
}
.w3-2017-flame {
  color: #fff;
  background-color: #f2552c;
}
.w3-2017-pink-yarrow {
  color: #fff;
  background-color: #ce3175;
}
.w3-2018-blooming-dahlia {
  color: #000;
  background-color: #EC9787;
}
.w3-2019-fiesta {
  color: #fff;
  background-color: #DD4132;
}
.w3-2019-jester-red {
  color: #fff;
  background-color: #9E1030;
}
.w3-2019-turmeric {
  color: #fff;
  background-color: #FE840E;
}
.w3-2019-living-coral {
  color: #fff;
  background-color: #FF6F61;
}
.w3-2019-pink-peacock {
  color: #fff;
  background-color: #C62168;
}
.w3-2019-pepper-stem {
  color: #fff;
  background-color: #8D9440;
}
.w3-2019-aspen-gold {
  color: #000;
  background-color: #FFD662;
}
.w3-2019-princess-blue {
  color: #fff;
  background-color: #00539C;
}
.w3-2019-toffee {
  color: #fff;
  background-color: #755139;
}
.w3-2019-mango-mojito {
  color: #000;
  background-color: #D69C2F;
}
.w3-2019-terrarium-moss {
  color: #fff;
  background-color: #616247;
}
.w3-2019-soybean {
  color: #000;
  background-color: #D2C29D;
}
.w3-2019-eclipse {
  color: #fff;
  background-color: #343148;
}
.w3-2019-sweet-corn {
  color: #000;
  background-color: #F0EAD6;
}
.w3-2019-brown-granite {
  color: #fff;
  background-color: #615550;
}
.w3-2019-chili-pepper {
  color: #fff;
  background-color: #9B1B30;
}
.w3-2019-biking-red {
  color: #fff;
  background-color: #77212E;
}
.w3-2019-peach-pink {
  color: #fff;
  background-color: #FA9A85;
}
.w3-2019-rocky-road {
  color: #fff;
  background-color: #5A3E36;
}
.w3-2019-fruit-dove {
  color: #fff;
  background-color: #CE5B78;
}
.w3-2019-sugar-almond {
  color: #fff;
  background-color: #935529;
}
.w3-2019-galaxy-blue {
  color: #fff;
  background-color: #2A4B7C;
}
.w3-2019-bluestone {
  color: #fff;
  background-color: #577284;
}
.w3-2019-orange-tiger {
  color: #fff;
  background-color: #F96714;
}
.w3-2019-eden {
  color: #fff;
  background-color: #264E36;
}
.w3-2019-evening-blue {
  color: #fff;
  background-color: #2A293E;
}
.w3-2018-red-pear {
  color: #fff;
  background-color: #7F4145;
}
.w3-2018-valiant-poppy {
  color: #fff;
  background-color: #BD3D3A;
}
.w3-2018-nebulas-blue {
  color: #fff;
  background-color: #3F69AA;
}
.w3-2018-ceylon-yellow {
  color: #000;
  background-color: #D5AE41;
}
.w3-2018-martini-olive {
  color: #fff;
  background-color: #766F57;
}
.w3-2018-russet-orange {
  color: #fff;
  background-color: #E47A2E;
}
.w3-2018-crocus-petal {
  color: #000;
  background-color: #BE9EC9;
}
.w3-2018-limelight {
  color: #000;
  background-color: #F1EA7F;
}
.w3-2018-quetzal-green {
  color: #fff;
  background-color: #006E6D;
}
.w3-2018-sargasso-sea {
  color: #fff;
  background-color: #485167;
}
.w3-2018-tofu {
  color: #000;
  background-color: #EAE6DA;
}
.w3-2018-almond-buff {
  color: #000;
  background-color: #D1B894;
}
.w3-2018-quiet-gray,.w3-2018-quiet-grey {
  color: #000;
  background-color: #BCBCBE;
}
.w3-2018-meerkat {
  color: #000;
  background-color: #95dee3;
}
.w3-2018-cherry-tomato {
  color: #fff;
  background-color: #E94B3C;
}
.w3-2018-chili-oil {
  color: #fff;
  background-color: #944743;
}
.w3-2018-pink-lavender {
  color: #000;
  background-color: #DBB1CD;
}
.w3-2018-arcadia {
  color: #fff;
  background-color: #00A591;
}
.w3-2018-emperador {
  color: #fff;
  background-color: #6C4F3D;
}
.w3-2018-almost-mauve {
  color: #000;
  background-color: #EADEDB;
}
.w3-2018-lime-punch {
  color: #000;
  background-color: #BFD641;
}
.w3-2018-sailor-blue {
  color: #fff;
  background-color: #2E4A62;
}
.w3-2018-harbor-mist {
  color: #000;
  background-color: #B4B7BA;
}
.w3-2018-warm-sand {
  color: #000;
  background-color: #C0AB8E;
}
.w3-2018-coconut-milk {
  color: #000;
  background-color: #F0EDE5;
}
.w3-vivid-pink {
  color: #fff;
  background-color: #ffb5bA;
}
.w3-vivid-red {
  color: #fff;
  background-color: #be0032;
}
.w3-vivid-orange {
  color: #fff;
  background-color: #f38400;
}
.w3-vivid-yellow {
  color: #fff;
  background-color: #f3c300;
}
.w3-vivid-green {
  color: #fff;
  background-color: #008856;
}
.w3-vivid-blue {
  color: #fff;
  background-color: #00a1c2;
}
.w3-vivid-black {
  color: #fff;
  background-color: #000;
}
.w3-vivid-white {
  color: #000;
  background-color: #fff;
}
.w3-vivid-purple {
  color: #fff;
  background-color: #9a4eae;
}
.w3-vivid-purple {
  color: #fff;
  background-color: #9a4eae;
}
.w3-vivid-yellowish-pink {
  color: #fff;
  background-color: #ffb7a5;
}
.w3-vivid-reddish-orange {
  color: #fff;
  background-color: #e25822;
}
.w3-vivid-orange-yellow {
  color: #fff;
  background-color: #f6a600;
}
.w3-vivid-greenish-yellow {
  color: #fff;
  background-color: #dcd300;
}
.w3-vivid-yellow-green {
  color: #fff;
  background-color: #8db600;
}
.w3-vivid-yellowish-green {
  color: #fff;
  background-color: #27a64c;
}
.w3-vivid-bluish-green {
  color: #fff;
  background-color: #008882;
}
.w3-vivid-greenish-blue {
  color: #fff;
  background-color: #0085a1;
}
.w3-vivid-purplish-blue {
  color: #fff;
  background-color: #30267a;
}
.w3-vivid-reddish-purple {
  color: #fff;
  background-color: #870074;
}
.w3-vivid-purplish-red {
  color: #fff;
  background-color: #ce4676;
}
.w3-camo-brown {
  color: #fff;
  background-color: #594d45;
}
.w3-camo-red {
  color: #fff;
  background-color: #79533d;
}
.w3-camo-olive {
  color: #fff;
  background-color: #595142;
}
.w3-camo-field {
  color: #fff;
  background-color: #745d46;
}
.w3-camo-earth {
  color: #fff;
  background-color: #ac7e54;
}
.w3-camo-sand {
  color: #fff;
  background-color: #a9947b;
}
.w3-camo-tan {
  color: #fff;
  background-color: #b49d80;
}
.w3-camo-sandstone {
  color: #fff;
  background-color: #bcab90;
}
.w3-camo-dark-green {
  color: #fff;
  background-color: #535640;
}
.w3-camo-forest {
  color: #fff;
  background-color: #54504b;
}
.w3-camo-light-green {
  color: #fff;
  background-color: #63613e;
}
.w3-camo-green {
  color: #fff;
  background-color: #4a5444;
}
.w3-camo-dark-gray,.w3-camo-dark-grey {
  color: #fff;
  background-color: #5c5c5b;
}
.w3-camo-gray,.w3-camo-grey {
  color: #fff;
  background-color: #9495a5;
}
.w3-camo-black {
  color: #fff;
  background-color: #373538;
}
.w3-food-apple {
  color: #000;
  background-color: #76cd26;
}
.w3-food-aspargus {
  color: #fff;
  background-color: #77ab56;
}
.w3-food-apricot {
  color: #fff;
  background-color: #ffb16d;
}
.w3-food-aubergine {
  color: #fff;
  background-color: #3d0734;
}
.w3-food-avocado {
  color: #fff;
  background-color: #87a922;
}
.w3-food-banana {
  color: #000;
  background-color: #fafe4b;
}
.w3-food-butter {
  color: #000;
  background-color: #ffff81;
}
.w3-food-blueberry {
  color: #fff;
  background-color: #464196;
}
.w3-food-carrot {
  color: #fff;
  background-color: #e67e22;
}
.w3-food-cherry {
  color: #fff;
  background-color: #cf0234;
}
.w3-food-chocolate {
  color: #fff;
  background-color: #411900;
}
.w3-food-cranberry {
  color: #fff;
  background-color: #9e003a;
}
.w3-food-coffee {
  color: #fff;
  background-color: #a6814c;
}
.w3-food-egg {
  color: #000;
  background-color: #fffcc4;
}
.w3-food-grape {
  color: #fff;
  background-color: #6c3461;
}
.w3-food-kiwi {
  color: #000;
  background-color: #8ee53f;
}
.w3-food-lemon {
  color: #000;
  background-color: #fdff52;
}
.w3-food-lime {
  color: #000;
  background-color: #bffe28;
}
.w3-food-mango {
  color: #fff;
  background-color: #ffa62b;
}
.w3-food-mushroom {
  color: #fff;
  background-color: #ba9e88;
}
.w3-food-mustard {
  color: #fff;
  background-color: #ceb301;
}
.w3-food-mint {
  color: #000;
  background-color: #c0fa8b;
}
.w3-food-olive {
  color: #fff;
  background-color: #6e750e;
}
.w3-food-orange {
  color: #fff;
  background-color: #f97306;
}
.w3-food-pea {
  color: #fff;
  background-color: #a4bf20;
}
.w3-food-peach {
  color: #fff;
  background-color: #ffb07c;
}
.w3-food-pear {
  color: #000;
  background-color: #cbf85f;
}
.w3-food-pistachio {
  color: #000;
  background-color: #c0fa8b;
}
.w3-food-plum {
  color: #fff;
  background-color: #3f012c;
}
.w3-food-pomegranate {
  color: #fff;
  background-color: #c0392b;
}
.w3-food-pumpkin {
  color: #fff;
  background-color: #d35400;
}
.w3-food-raspberry {
  color: #fff;
  background-color: #b00149;
}
.w3-food-saffron {
  color: #fff;
  background-color: #feb209;
}
.w3-food-salmon {
  color: #fff;
  background-color: #ff796c;
}
.w3-food-spearmint {
  color: #000;
  background-color: #1ef876;
}
.w3-food-squash {
  color: #fff;
  background-color: #f2ab15;
}
.w3-food-tomato {
  color: #fff;
  background-color: #ec2d01;
}
.w3-food-wheat {
  color: #000;
  background-color: #fbdd7e;
}
.w3-food-wine {
  color: #fff;
  background-color: #80013f;
}
.w3-2017-greenery {
  color: #fff;
  background-color: #92B558;
}
.w3-2017-grenadine {
  color: #fff;
  background-color: #DC4C46;
}
.w3-2017-tawny-port {
  color: #fff;
  background-color: #672e3b;
}
.w3-2017-ballet-slipper {
  color: #000;
  background-color: #f3d6e4;
}
.w3-2017-butterum {
  color: #fff;
  background-color: #c48f65;
}
.w3-2017-navy-peony {
  color: #fff;
  background-color: #223a5e;
}
.w3-2017-neutral-gray,.w3-2017-neutral-grey {
  color: #fff;
  background-color: #898e8c;
}
.w3-2017-shaded-spruce {
  color: #fff;
  background-color: #005960;
}
.w3-2017-golden-lime {
  color: #fff;
  background-color: #9c9a40;
}
.w3-2017-marina {
  color: #fff;
  background-color: #4F84C4;
}
.w3-2017-autumn-maple {
  color: #fff;
  background-color: #d2691e;
}
.w3-2017-niagara {
  color: #fff;
  background-color: #578CA9;
}
.w3-2017-primrose-yellow {
  color: #000;
  background-color: #f6d155;
}
.w3-2017-lapis-blue {
  color: #fff;
  background-color: #004b8d;
}
.w3-2017-island-paradise {
  color: #000;
  background-color: #95dee3;
}
.w3-2017-pale-dogwood {
  color: #000;
  background-color: #edcdc2;
}
.w3-2017-kale {
  color: #fff;
  background-color: #5a7247;
}
.w3-2017-hazelnut {
  color: #000;
  background-color: #cfb095;
}
.w3-metro-light-green {
  color: #fff;
  background-color: #99b433;
}
.w3-metro-green {
  color: #fff;
  background-color: #00a300;
}
.w3-metro-dark-green {
  color: #fff;
  background-color: #1e7145;
}
.w3-metro-magenta {
  color: #fff;
  background-color: #ff0097;
}
.w3-metro-light-purple {
  color: #fff;
  background-color: #9f00a7;
}
.w3-metro-purple {
  color: #fff;
  background-color: #7e3878;
}
.w3-metro-dark-purple {
  color: #fff;
  background-color: #603cba;
}
.w3-metro-darken {
  color: #fff;
  background-color: #1d1d1d;
}
.w3-metro-teal {
  color: #fff;
  background-color: #00aba9;
}
.w3-metro-light-blue {
  color: #000;
  background-color: #eff4ff;
}
.w3-metro-blue {
  color: #fff;
  background-color: #2d89ef;
}
.w3-metro-dark-blue {
  color: #fff;
  background-color: #2b5797;
}
.w3-metro-yellow {
  color: #fff;
  background-color: #ffc40d;
}
.w3-metro-orange {
  color: #fff;
  background-color: #e3a21a;
}
.w3-metro-dark-orange {
  color: #fff;
  background-color: #da532c;
}
.w3-metro-red {
  color: #fff;
  background-color: #ee1111;
}
.w3-metro-dark-red {
  color: #fff;
  background-color: #b91d47;
}
.w3-flat-turquoise {
  color: #fff;
  background-color: #1abc9c;
}
.w3-flat-emerald {
  color: #fff;
  background-color: #2ecc71;
}
.w3-flat-peter-river {
  color: #fff;
  background-color: #3498db;
}
.w3-flat-amethyst {
  color: #fff;
  background-color: #9b59b6;
}
.w3-flat-wet-asphalt {
  color: #fff;
  background-color: #34495e;
}
.w3-flat-green-sea {
  color: #fff;
  background-color: #16a085;
}
.w3-flat-nephritis {
  color: #fff;
  background-color: #27ae60;
}
.w3-flat-belize-hole {
  color: #fff;
  background-color: #2980b9;
}
.w3-flat-wisteria {
  color: #fff;
  background-color: #8e44ad;
}
.w3-flat-midnight-blue {
  color: #fff;
  background-color: #2c3e50;
}
.w3-flat-sun-flower {
  color: #fff;
  background-color: #f1c40f;
}
.w3-flat-carrot {
  color: #fff;
  background-color: #e67e22;
}
.w3-flat-alizarin {
  color: #fff;
  background-color: #e74c3c;
}
.w3-flat-clouds {
  color: #000;
  background-color: #ecf0f1;
}
.w3-flat-concrete {
  color: #fff;
  background-color: #95a5a6;
}
.w3-flat-orange {
  color: #fff;
  background-color: #f39c12;
}
.w3-flat-pumpkin {
  color: #fff;
  background-color: #d35400;
}
.w3-flat-pomegranate {
  color: #fff;
  background-color: #c0392b;
}
.w3-flat-silver {
  color: #000;
  background-color: #bdc3c7;
}
.w3-flat-asbestos {
  color: #fff;
  background-color: #7f8c8d;
}
.w3-highway-brown {
  color: #fff;
  background-color: #633517;
}
.w3-highway-red {
  color: #fff;
  background-color: #a6001a;
}
.w3-highway-orange {
  color: #fff;
  background-color: #e06000;
}
.w3-highway-schoolbus {
  color: #fff;
  background-color: #ee9600;
}
.w3-highway-yellow {
  color: #fff;
  background-color: #ffab00;
}
.w3-highway-green {
  color: #fff;
  background-color: #004d33;
}
.w3-highway-blue {
  color: #fff;
  background-color: #00477e;
}
.w3-safety-red {
  color: #fff;
  background-color: #bd1e24;
}
.w3-safety-orange {
  color: #fff;
  background-color: #e97600;
}
.w3-safety-yellow {
  color: #fff;
  background-color: #f6c700;
}
.w3-safety-green {
  color: #fff;
  background-color: #007256;
}
.w3-safety-blue {
  color: #fff;
  background-color: #0067a7;
}
.w3-safety-purple {
  color: #fff;
  background-color: #964f8e;
}
.w3-signal-yellow {
  color: #fff;
  background-color: #f7ba0b;
}
.w3-signal-orange {
  color: #fff;
  background-color: #d4652f;
}
.w3-signal-red {
  color: #fff;
  background-color: #a02128;
}
.w3-signal-violet {
  color: #fff;
  background-color: #904684;
}
.w3-signal-blue {
  color: #fff;
  background-color: #154889;
}
.w3-signal-green {
  color: #fff;
  background-color: #317f43;
}
.w3-signal-grey {
  color: #fff;
  background-color: #9b9b9b;
}
.w3-signal-brown {
  color: #fff;
  background-color: #7b5141;
}
.w3-signal-white {
  color: #000;
  background-color: #f4f4f4;
}
.w3-signal-black {
  color: #fff;
  background-color: #282828;
}
.ambrosia {
  color: #000;
  background-color: #FCDBBA;
}
.banana {
  color: #000;
  background-color: #FEE694;
}
.blue-tack {
  color: #000;
  background-color: #82BFE0;
}
.bud {
  color: #000;
  background-color: #94C15C;
}
.butter {
  color: #000;
  background-color: #F2C94C;
}
.camo {
  color: #000;
  background-color: #AAA843;
}
.cappuccino {
  color: #000;
  background-color: #C9B092;
}
.champagne {
  color: #000;
  background-color: #FCEBD5;
}
.dusty-pink {
  color: #000;
  background-color: #E4ADAD;
}
.forget-me-not {
  color: #000;
  background-color: #91A7FA;
}
.ice {
  color: #000;
  background-color: #E1EFF8;
}
.strawberry-yogurt {
  color: #000;
  background-color: #E4BCAD;
}
.sun {
  color: #000;
  background-color: #FEC305;
}
.grassy {
  color: #000;
  background-color: #A8D363;
}
.lemon {
  color: #000;
  background-color: #EAFC7E;
}
.lime {
  color: #000;
  background-color: #73D645;
}
.limestone {
  color: #000;
  background-color: #C9C5B5;
}
.melon {
  color: #000;
  background-color: #F2994A;
}
.mink {
  color: #000;
  background-color: #E8C9A1;
}
.spearmint {
  color: #000;
  background-color: #94E0CF;
}
.mint {
  color: #000;
  background-color: #C4EA70;
}
.mushroom {
  color: #000;
  background-color: #EDE8D5;
}
.mustard {
  color: #000;
  background-color: #CC9E08;
}
.pale-lemon {
  color: #000;
  background-color: #F4FFDC;
}
.peach {
  color: #000;
  background-color: #FFB190;
}
.petal {
  color: #000;
  background-color: #F4E9F3;
}
.pebble {
  color: #000;
  background-color: #B8B4BE;
}
.pink {
  color: #000;
  background-color: #FFC9D8;
}
.posy {
  color: #000;
  background-color: #DED7EC;
}
.powder-blue {
  color: #000;
  background-color: #B5D0E0;
}
.powder-pink {
  color: #000;
  background-color: #FBD1D1;
}
.primrose {
  color: #000;
  background-color: #E1F7B0;
}
.robins-egg {
  color: #000;
  background-color: #B8DEE0;
}
.sakura {
  color: #000;
  background-color: #FFE4E4;
}
.salmon {
  color: #000;
  background-color: #FF7863;
}
.sand {
  color: #000;
  background-color: #E1BE7C;
}
.sea-glass {
  color: #000;
  background-color: #7FD1AE;
}
.yellow {
  color: #000;
  background-color: #FFE03D;
}
.apricot {
  color: #000;
  background-color: #FF8652;
}
.blue-gray {
  color: #000;
  background-color: #91A2C2;
}
.blush {
  color: #000;
  background-color: #D67B71;
}
.bronze {
  color: #000;
  background-color: #C27940;
}
.emerald {
  color: #000;
  background-color: #55B95F;
}
.lilac {
  color: #000;
  background-color: #8E8ADE;
}
.hazelnut {
  color: #000;
  background-color: #D08E5A;
}
.sage {
  color: #000;
  background-color: #87A376;
}
.rouge {
  color: #000;
  background-color: #CC3737;
}
.punch {
  color: #000;
  background-color: #FF5563;
}
.aubergine {
  color: #F4FFDC;
  background-color: #6A2352;
}
.auburn {
  color: #F4FFDC;
  background-color: #A12F2F;
}
.beetroot {
  color: #F4FFDC;
  background-color: #7F0421;
}
.berry {
  color: #F4FFDC;
  background-color: #461234;
}
.carmine {
  color: #F4FFDC;
  background-color: #9A133E;
}
.charcoal {
  color: #F4FFDC;
  background-color: #4F4450;
}
.chestnut {
  color: #F4FFDC;
  background-color: #81291F;
}
.chocolate {
  color: #F4FFDC;
  background-color: #8F5D38;
}
.clay {
  color: #F4FFDC;
  background-color: #7D6050;
}
.burnt-orange {
  color: #FFE03D;
  background-color: #FF5F00;
}
.cerise {
  color: #000;
  background-color: #FF0F63;
}
.coffee {
  color: #F4FFDC;
  background-color: #624739;
}
.conker {
  color: #F4FFDC;
  background-color: #6F3131;
}
.coral {
  color: #000;
  background-color: #EB4444;
}
.dusty-purple {
  color: #000;
  background-color: #7D6391;
}
.eucalyptus {
  color: #000;
  background-color: #688461;
}
.fern {
  color: #82BFE0;
  background-color: #4F8D08;
}
.forest {
  color: #FF8652;
  background-color: #2E644A;
}
.hot-pink {
  color: #000;
  background-color: #FF3263;
}
.ink {
  color: #F4FFDC;
  background-color: #292C31;
}
.iron {
  color: #F0EDE5;
  background-color: #6B5C6C;
}
.lapis {
  color: #FD8A04;
  background-color: #2B4D8D;
}
.leafy {
  color: #F4FFDC;
  background-color: #318553;
}
.magenta {
  color: #000;
  background-color: #BC2767;
}
.meadow {
  color: #000;
  background-color: #7A9A3E;
}
.midnight {
  color: #F4FFDC;
  background-color: #1B3955;
}
.moss {
  color: #000;
  background-color: #83A944;
}
.navy {
  color: #F4FFDC;
  background-color: #363A57;
}
.ocean {
  color: #F0EDE5;
  background-color: #206777;
}
.orange {
  color: #EAFC7E;
  background-color: #FD8A04;
}
.orchid {
  color: #000;
  background-color: #7945BF;
}
.pond-bottom {
  color: #F4FFDC;
  background-color: #264A46;
}
.purple {
  color: #000;
  background-color: #A95AF3;
}
.purple-slate {
  color: #F0EDE5;
  background-color: #545375;
}
.rainforest {
  color: #F4FFDC;
  background-color: #25422E;
}
.raspberry-jam {
  color: #F4FFDC;
  background-color: #3C0D2B;
}
.royal {
  color: #000;
  background-color: #4169E1;
}
.ruby {
  color: #000;
  background-color: #D1314B;
}
.squash {
  color: #000;
  background-color: #E96310;
}
.sea-foam {
  color: #000;
  background-color: #5D998B;
}
.sea-fog {
  color: #000;
  background-color: #758C92;
}
.slate {
  color: #000;
  background-color: #7184A5;
}
.spice {
  color: #FBD1D1;
  background-color: #B54E16;
}
.spring {
  color: #000;
  background-color: #5ACB65;
}
.teal {
  color: #000;
  background-color: #29879C;
}
.terracotta {
  color: #F4FFDC;
  background-color: #B76A61;
}
.twilight {
  color: #F4FFDC;
  background-color: #203763;
}
.vavavoom {
  color: #F4FFDC;
  background-color: #BF0D0D;
}
.walnut {
  color: #F4FFDC;
  background-color: #381F19;
}
.viva-magenta {
  color: #fff;
  background-color: #bb2649;
}
.peach-fuzz {
  color: 000;
  background-color: rgba(255, 190, 152, 1);
}