css for summer scrapbook

som-scrapbook.css

/**************************************************
 *                                                *
 * Name: som-scrapbook.css                        *
 * Description: css for summer scrapbook          *
 * Created by: Emma                               *
 * GitHub: https://github.com/efwitmer            *
 * Scrapbook: https://scrapbook.hackclub.com/emma *
 *                                                *
 **************************************************/

:root {
  --colors-pink: #ff62dc;
  --colors-orange: #ff5b00;
  --colors-yellow: #f7ff00;
  --colors-green: #28ff00;
  --colors-cyan: #00ffff;
  --colors-blue: #00a4ff;
  --colors-purple: #c210ff;

  --colors-darker: #151613;
  --colors-dark: #20201d;
  --colors-darkless: #2b2b27;
  --colors-black: #1d201d;
  --colors-slate: #3b413a;
  --colors-muted: #777f76;
  --colors-smoke: #d5d8d5;
  --colors-snow: #f5f5f4;
  --colors-white: #ffffff;

  --fonts-body: 'Notable', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, sans-serif;
  --fonts-display: 'Shrikhand', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, sans-serif;
  --fonts-mono: 'SF Mono', 'Roboto Mono', Menlo, Consolas, monospace;
  --colors-background: #e2abf5;
}

body {
  background: linear-gradient(to top right, #62c5fc, #ffc2f9);
}

.header-streak {
  background-color: rgba(0, 0, 0, 0.2);
  color: white; 
}

.header-link-slack, .header-link-github, .header-link-website, .header-link-mentions, .nav-link-github, .nav-link-about, .nav-link-home {
  color: white;
}

.posts {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}