#login img {
  width:8em;
  height:8em;
  margin:0 auto;
  display:block
}
h1 {
  font-size:2em;
  margin:.33em 0
}
#login {
  background:#191919;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%
}
:root {
  --blue: #b02020;
  --dark-blue: #ac1010;
  --red: #ff3c3c;
  --dark-red: #8b0000;
  --moon-grey: #1a1a1a;
  --icon-red: #ff4d4d;
  --icon-orange: #ff6347;
  --icon-yellow: #cc9900;
  --icon-green: #662222;
  --icon-blue: #993333;
  --icon-violet: #660000;
  --input-red: #331111;
  --input-green: #2a1a1a;
  --item-selected: #1f1f1f;
  --action: #121212;
  --background: #0d0d0d;
  --surfacePrimary: #0d0d0d;
  --surfaceSecondary: #1a1a1a;
  --divider: rgba(255, 255, 255, 0.05);
  --iconPrimary: var(--icon-red);
  --iconSecondary: #dddddd;
  --iconTertiary: #888888;
  --textPrimary: #e6e6e6;
  --textSecondary: #cccccc;
  --hover: rgba(255, 0, 0, 0.1);
  --borderPrimary: rgba(255, 255, 255, 0.1);
  --borderSecondary: rgba(255, 255, 255, 0.2);
  --dividerPrimary: rgba(255, 255, 255, 0.2);
  --dividerSecondary: rgba(255, 255, 255, 0.05);
}

:root.dark {
  --input-red: rgb(215, 48, 45);
  --input-green: rgb(20, 122, 65);
  --action: rgb(255, 255, 255);
  --background: #1f1f1f;
  --surfacePrimary: #191919;
  --surfaceSecondary: #212121;
  --textPrimary: rgba(255, 255, 255, .7);
  --textSecondary: rgba(255, 255, 255, .87);
  --divider: rgba(255, 255, 255, .12);
  --iconPrimary: rgb(255, 255, 255);
  --iconSecondary: rgb(255, 255, 255);
  --iconTertiary: rgb(255, 255, 255);
  --hover: rgba(255, 255, 255, .1);
  --borderPrimary: rgba(255, 255, 255, .08);
  --borderSecondary: rgba(255, 255, 255, .19);
  --dividerPrimary: rgba(30, 30, 30, .4);
  --dividerSecondary: rgba(30, 30, 30, .6)
}