@import url("./fonts/BrandonText/BrandonText.css");

:root {
  --blue: #AF0624;
  --icon-blue: #EEE;
  --icon-red: #EEE;
  --icon-blue: #EEE;
  --icon-red: #EEE;
  --alberto-grey: #3C414B;
  --divider-off: rgba(255, 255, 255, 0);
}

body, * {
  font-family: "BrandonText",system-ui,"-apple-system",Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Oxygen,Fira Sans,Droid Sans;
}

body {
  background: #22242a;
  background: linear-gradient(180deg, #393d47 0%, #3C414B 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#login {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#form-container {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  height: 100vh;
  width: 100vw;
}

#login form {
  max-width: 20em;
}
#login form h1 {
  white-space: nowrap;
  color: #D2D2D2;
}

#login form img,
#login form h1 {
  filter: drop-shadow(0 0 3px #333);
}


nav .action, nav .credits, button.action, .breadcrumbs, .breadcrumbs span {
  color: #D2D2D2;
}

main header #dropdown button {
  color: #D2D2D2;
}

main .item.header {
  background-color: #141D24 !important;
}

main .item.header .active.name,
main .item.header .active.size,
main .item.header .active.modified,
main #listing .item .name,
main #listing .item .size,
main #listing .item .modified
{
  color: #EEE !important;
}

main #listing.list .item {
  border: 1px solid #444 !important;
  border-top: 0 !important
}

main #listing .item {
  background-color: #20292f !important;
main .item.header {
  background-color: #141D24 !important;
}

main .item.header .active.name,
main .item.header .active.size,
main .item.header .active.modified,
main #listing .item .name,
main #listing .item .size,
main #listing .item .modified
{
  color: #EEE !important;
}

main #listing.list .item {
  border: 1px solid #444 !important;
  border-top: 0 !important
}

main #listing .item {
  background-color: #20292f !important;
}

nav .credits {
  font-size: 0.9em;
  margin: 1.5em;
}

header {
  background-color: rgba(0,0,0, 0.5);
}

.dashboard .settings-shares .column {
  width: 100%;
}