:root {
  /* Primary */
  --dark-cyan: #1f9b88;
  --apple-green: #74c043;
  --bright-yellow: #f3ea31;

  /* Secondary */
  --lime-green: #abdeb0;
  --medium-cyan: #317765;
  --dark-blue: #243e8c;

  /* Power Sources */
  --strong-blue: #1b8fb8;
  --bright-orange: #e17e32;
  --vivid-yellow: #fecf06;
  --soft-cyan: #97daf0;
  --philippine-green: #118f45;
  --pale-yellow: #fcf9c0;
  --honeydew: #dbf5dd;
  --tiffany-blue: #00bba6;
  --medium-aquamarine: #6ad1c3;
  --vivid-malachite: #14cd39;
  --pastel-green: #6ddb6d;
  --home-green: #4a9888;
  --apple-green-85: rgba(116, 192, 67, 0.85);
  --apple-green-65: rgba(116, 192, 67, 0.65);
  --apple-green-50: rgba(116, 192, 67, 0.5);
  --apple-green-40: rgba(116, 192, 67, 0.4);
  --crystal: #aae3db;
  --chinese-white: #d4eed7;
  --dark-cyan-85: rgba(31, 155, 136, 0.85);
  --dark-cyan-65: rgba(31, 155, 136, 0.65);
  --dark-cyan-50: rgba(31, 155, 136, 0.5);
  --quick-silver: #a5a5a5;
  --sea-green: #2e813a;
  --red-damask: #d97837;
  --wedgewood: #4584A2;
  --regent-blue: #a7d6e5;
  --lightning-yellow: #fbc725;
  --carolina-blue: #4ba4d5;
  --forest-green: #4dab74;
  --fawn: #e8a069;
  --light-yellow: #fdfbe1;
  --verdigris: #58b4a6;
  --columbia-blue: #c6e5e1;
  --columbia-blue2: #c5e2ed;
  --cyan-cornflower-blue: #2493bb;


  --georgia: "Georgia", serif;
  --garamond: "Garamond", serif;

  --base-font-size: 16px;
  --base-w-percent: 100%;

  --td-3: 3%;
  --td-5: 5%;
  --td-10: 10%;
  --td-15: 15%;
  --td-20: 20%;
  --td-25: 25%;
  --td-30: 30%;
  --td-35: 35%;
  --td-40: 40%;
  --td-50: 50%;
  --td-55: 55%;
  --td-60: 60%;
  
  --min-td-width: 6rem;
}

@font-face {
  font-family: 'Gotham Light';
  src: url(/static-assets/fonts/Gotham-Light.otf);
}
@font-face {
  font-family: 'Gotham Medium';
  src: url(/static-assets/fonts/GothamMedium.ttf);
}
@font-face {
  font-family: 'Gotham Bold';
  src: url(/static-assets/fonts/Gotham-Bold.otf);
}
@font-face {
  font-family: 'Gotham Bold Italic';
  src: url(/static-assets/fonts/GothamBoldItalic.ttf);
}
@font-face {
  font-family: 'Gotham Black';
  src: url(/static-assets/fonts/Gotham-Black.otf);
}
@font-face {
  font-family: 'LibreBaskerville Regular';
  src: url(/static-assets/fonts/LibreBaskerville-Regular.ttf);
}
@font-face {
  font-family: 'LibreBaskerville Italic';
  src: url(/static-assets/fonts/LibreBaskerville-Italic.ttf);
}
@font-face {
  font-family: 'LibreBaskerville Bold';
  src: url(/static-assets/fonts/LibreBaskerville-Bold.ttf);
}

/* optimized for web */
@font-face {
  font-family: 'Gotham Medium - Web';
  src: url(/static-assets/fonts/gothammedium-webfont.woff2) format('woff2'),
    url(/static-assets/fonts/gothammedium-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Gotham Light - Web';
  src: url(/static-assets/fonts/gothamlight-webfont.woff2) format('woff2'),
    url(/static-assets/fonts/gothamlight-webfont.woff) format('woff');
}