:root {
  --blue: #5e81ac;
  --dark-blue: #81a1c1;
  --red: #bf616a;
  --dark-red: #bf616a;
  --moon-grey: #f2f2f2;
  --icon-red: #bf616a;
  --icon-orange: #d08770;
  --icon-yellow: #ebcb8b;
  --icon-green: #a3be8c;
  --icon-blue: #81a1c1;
  --icon-violet: #b48ead;
}

:root.dark {
  --input-red: rgb(115, 48, 45);
  --input-green: rgb(20, 122, 65);
  --action: #eceff4;
  --background: #2e3440;
  --surfacePrimary: #3b4252;
  --surfaceSecondary: #434c5e;
  --textPrimary: #e5e9f0;
  --textSecondary: #d8dee9;
  --divider: #434c5e;
  --iconPrimary: #eceff4;
  --iconSecondary: #eceff4;
  --iconTertiary: #eceff4;
  --hover: rgba(255, 255, 255, .1);
  --borderPrimary: rgba(255, 255, 255, .05);
  --borderSecondary: rgba(255, 255, 255, .15);
  --dividerPrimary: rgba(30, 30, 30, .4);
  --dividerSecondary: rgba(30, 30, 30, .6)
}

body {
    font-size: smaller;
}

div#login {
    background: unset;
    h1  {
        display: none;
    }
    img {
        margin-bottom: 2rem;
    }
    input.button {
        border: unset;
        box-shadow: unset;
    }
}

nav p.credits {
    display: none;
}

main div.breadcrumbs {
    top: 4.5em;
}

#listing.list .item div:first-of-type i {
  font-size:1.5em
}