body{
  font-size: 1rem;
  font-size: clamp(0.6rem, 0.55rem + 0.25vw, 1.25rem);
}

.content-logs, .content-status { 
    display: inline-block; white-space: pre-wrap; word-wrap: break-word; 
    font-family: monospace;
}

.content-logs{
  height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    display: inline-block;
}
.content-status{
    padding-top: 1em;
    display: inline-block;
}

.body_background { 
    background-color: #272727; 
}

.terminal-window {
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  margin: auto;
  flex-direction: column;
}

.terminal-window header {
  background: #E0E8F0;
  height: 30px;
  border-radius: 8px 8px 0 0;
  padding-left: 10px;
  display: inline-flex;
}

.terminal-window header .button {
  width: 12px;
  height: 12px;
  margin: 10px 4px 0 0;
  display: inline-block;
  border-radius: 8px;
}

.terminal-window header .name{
  text-align: center;
  margin: auto;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}

.terminal-window header .button.green {
  background: #3BB662;
}

.terminal-window header .button.yellow {
  background: #E5C30F;
}

.terminal-window header .button.red {
  background: #E75448;
}

.terminal-window section.terminal {
  color: white;
  font-family: monospace;
  background: #000000;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: inline-flex;
  overflow: auto;
  flex-direction: column;
}