:root {
    --bg: #222222;
    --bg-secondary: #191919;
    --bg-border: #2d2d2d;
    --fg: white;
}

body, html {
    background: var(--bg);
    color: var(--fg);
}

button {
    display: inline-block;
    color: var(--fg);
    cursor: pointer;
    background: var(--bg-secondary);
    border: 1px solid var(--bg-border);

    font-size: .5em;
    padding: 0.5em 1em;
    transition: all .2s;
}
button:hover {
    background: var(--bg);
}
button:active {
    background: var(--bg-border);
}

/* Sensible link colors for a dark theme */
a {
    color: #9e9eff;
  }
  
  a:active {
    color: #ff9c9e;
  }
  
  a:visited {
    color: #d0acf0;
  }