* {
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
html {
  font-size:12px;
  background: lightslategrey;
}
body{
  margin:0;
  padding:0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
*::-webkit-scrollbar {
  width: 1em; /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
  background: transparent; /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
  background-color: lightgrey; /* color of the scroll thumb */
  border-radius: 1.5em; /* roundness of the scroll thumb */
  border: 3px solid white; /* creates padding around scroll thumb */
}
a {
  position:relative;
  color:black;
  text-decoration: none;
}
#manager a:not(.tag):after {
  content:"⤤";
  font-weight:bold;
}
#manager a:hover {
  text-decoration:underline !important;
}
input:not([type=checkbox], [type=radio]), button, select, textarea {
  width:100%;
  height: 100%;
}
input[type=checkbox], input[type=radio] {
  vertical-align: middle;
}
label {
  vertical-align: middle;
  margin-left:1em;
}
#options {
  position:absolute;
  top:0;
  right:0;
  margin:0.5em;
}
#options>button {
  display:inline-block;
  width:auto;
  border:none;
  border-radius:5px;
  color:white;
  font-weight: bold;
  cursor: pointer;
  font-size:1em;
}
.tomato {
  background:tomato;
}
.yellowgreen {
  background:yellowgreen;
}