:root {
  --bg_color: #000000;
  --fg_color: #ccc;
  --main_color: #1f9b92;
  --sub_color: #002b36;
  --err_color: #DC143C;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  color: var(--fg_color);
  background: var(--bg_color);
}

* { scrollbar-color:var(--main_color) var(--sub_color); }
*::-webkit-scrollbar { width:6px;height:6px; }
*::-webkit-scrollbar-track { background: var(--sub_color);}
*::-webkit-scrollbar-thumb { background:var(--main_color);border-radius:0;border:none; }
*::-webkit-scrollbar-corner { background:var(--sub_color); }
*::selection { background-color:var(--main_color);color:var(--bg_color);text-decoration:none;text-shadow:none; }

body {

}

a {
  color: var(--main_color);
}

a:hover {
  color: var(--fg_color);
}

input {
  background: var(--sub_color);
}

.err {
  color: var(--err_color);
}

nav ul li {
  display: inline;
  padding: 0.5em;
}

nav {
  padding: 1em;
}

nav ul li a {
  text-decoration: none;
  border-bottom: solid 1px var(--bg_color);
}

.tabbar_current {
  border-bottom: solid 1px var(--main_color);
}

main {
  padding: 2em;
}