div.header {
  padding: 5px;
  display: flex;
  justify-content: center;
}
div.sub-header {
  display: flex;
  justify-content: center;
}
h1.header {
  font-family: 'Courier New', Courier, monospace
}

div.outer-shell-box {
  background-color: black;
  border-radius: 5px;
}
div.shell-header {
  height: 20px;
  background: rgb(209, 209, 209);
  display: flex;
  align-items: center;
  /* justify-content: left; */
}
div.shell-header-close {
  width: 10px;
  height: 10px;
  position: relative;
  border-radius: 10px;
  background-color: red;
  margin-left: 5px;
}
div.shell-header-min {
  width: 10px;
  height: 10px;
  position: relative;
  border-radius: 10px;
  background-color: yellow;
  margin-left: 12px;
}
div.shell-header-expand {
  width: 10px;
  height: 10px;
  position: relative;
  border-radius: 10px;
  background-color: green;
  margin-left: 15px;
}

div.shell-text-post-login {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-block: 0.25rem;
  /* align-items: baseline; */
  /* gap: 5rem; */
}
h4 {
  padding-left: 5px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 100;
  margin: 0;
}

h4.shell-inner-text {
  color: green;
}
h4.shell-inner-pretext {
  color: green;
}
h4.shell-inner-posttext {
  color: white;
}