*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html {
  height: 100vh;
  width: 100vw;
}
body {
  font-family: var(--brand-body-font);
  min-height: 100vh;
  height: 100vh;
  min-width: 100vw;
  width: 100vw;
  background: white;
  --brand-body-font: 'Nunito', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  --brand-body-font-size: 18px;
  --brand-display-font: 'Nunito', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}
a, a:visited {
  color: rgb(128,128,128);
}

h1, h2, h3, h4 {
  font-family: var(--brand-display-font);
}
.content {
  text-align: left;
  padding: 50px;
}
h1 {
  margin-bottom: 0;
}

/**
 * Base navigation styles.
 */
#header-panel {
  padding: 4px 60px 10px 10px;
  text-align: right;
  text-transform: capitalize;
  user-select: none;
  font-size: 20px;
  color: rgb(128,128,128);
}
#header-panel i {
  margin: 0 6px;
  cursor: pointer;
}
#header-panel a:hover, #header-panel a.selected {
  color: black;
}
#icon-assets2 {
  opacity: .5;
  vertical-align: bottom;
  cursor: pointer;
}
#icon-assets2:hover, #icon-assets2.selected {
  opacity: 1;
}
#logo-right {
  display: inline-block;
  width: 100px;
  height: 23px;
  background-image: url(https://bitsbox.com/img/logo-color.png);
  background-size: 100% 100%;
  margin-right: 9px;
}
#home-link {
  position: absolute;
  left: 10px;
}
#signout-link {
  position: relative;
}
.numbered-error {
  position: absolute;
  z-index: 100;
  padding-left: 40px;
}


/**
 * Styling for the navigation menu with signout link.
 */
#nav-menu {
  top: 42px;
  right: 20px;
  position: absolute;
  display: block;
  width: auto;
  
  background: #dadada;
  border-radius: 12px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  padding: 12px;
}
#nav-menu::before {
  position: absolute;
  content: ' ';
  border-bottom: 10px solid #dadada;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
  right: 44px;
  z-index: 100;
  top: -30px;
  height: 20px;
  pointer-events: none;
} 
#nav-menu a, #nav-menu a:visited {
  display: inline-block;
  padding: 3px 9px;
  color: black;
  text-decoration: none;
}
#nav-menu a:hover {
  background: #c7c7c7;
  border-radius: 12px; 
}