:root.mynx-theme {
  --blue: #008888;
  --dark-blue: #005555;
  --red: #f44336;
  --dark-red: #d32f2f;
  --moon-grey: #f2f2f2;
  --icon-red: #da4453;
  --icon-orange: #f47750;
  --icon-yellow: #fdbc4b;
  --icon-green: #2ecc71;
  --icon-blue: #1d99f3;
  --icon-violet: #9b59b6;
  --input-red: rgb(252, 100, 100);
  --input-green: rgb(50, 152, 50);
  --item-selected: white;
  --action: #00ffaa;
  --background: #200036;
  --surfacePrimary: #480055;
  --surfaceSecondary: #70369955;
  --divider: rgba(0, 0, 0, .05);
  --iconPrimary: var(--icon-blue);
  --iconSecondary: rgb(255, 255, 255);
  --iconTertiary: rgb(204, 204, 204);
  --textPrimary: pink;
  --textSecondary: #00ffaa;
  --hover: rgba(0, 0, 0, .1);
  --borderPrimary: #008f8fff;
  --borderSecondary: #008f8faa;
  --dividerPrimary: rgba(255, 255, 255, .8);
  --dividerSecondary: rgba(255, 255, 255, .9)
}

body h1 {
  font-family: "Snell Roundhand", cursive; 
  color: #00ffaa;
}

#login {
  background: linear-gradient(to bottom right, black, black, indigo);
}

#login img {
  width: 20em;
  height: 10em;
}

header img {
  width: 8em;
  height: 4em;
}