body {
	background-color:#232323;
	color:#eeeeee;

	font-family: "Inter", system-ui, sans-serif;

    /*overflow: hidden;*/
}

a { color: #eeeeee; }
a:visited .name { color: #ccd5dd; }
a:hover .name { color: #32a9ff}

.dark_bar { background-color:#333333 !important; }
.light_bar { background-color:#3c3c3c !important; }

.wide_bar {
  background-color:#4c4c4c;
  /*transition: background-color 0.08s;*/
  /*transition-timing-function: ease-in;*/

  height:24px;

  padding: 5px;
  gap: 5px;

  display: flex;
  align-items: center;
}

.clickable_bar {
  text-decoration: none;
  user-select: text;
}

.clickable_bar:hover .wide_bar {
  background-color:#5c5c5c !important;
}

.repo_table {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 4fr;

  box-sizing: border-box;
}

.separator {
  background-color:#2e2e2e;

  height:3px;
  width: 100vw;

  box-sizing: border-box;
  position: absolute;
  left: 0;
}

.wide_bar .col {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wide_bar .col.name    { flex: 4 4 40px; }
.wide_bar .col.created { flex: 2 2 40px; }
.wide_bar .col.latest  { flex: 2 2 40px; }
.wide_bar .col.loc     { flex: 2 2 40px; }
.wide_bar .col.desc    { flex: 6 0; }



.scrollable {
  max-height: 100vh;
  overflow-y: auto;
}



.bottom {
  color: #5a5a5a;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 5px 10px;
}
}