@import url('https://fonts.googleapis.com/css?family=Inconsolata');
.page-wrapper {
  padding: 15px;
  background-color: #fff;
  height: 100vh;
}
/* end ./page-wrapper */
.elem {
  height: 15px;
  width: 15px;
  display: inline-block;
  background-color: #fff;
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}
.elem:first-child {
  margin-left: 10px;
}
.elem.elem-close {
  background-color: #ff5d5b;
  border-color: #ee4644;
}
.elem.elem-minimize {
  background-color: #ffbb46;
  border-color: #f1ad39;
}
.elem.elem-fullscreen {
  background-color: #00c74f;
  border-color: #01b849;
}
.terminal-section {
  position: relative;
  display: block;
}
.terminal-outer {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Inconsolata', monospace;
  color: #fff;
  text-shadow: none;
}
.terminal-outer .terminal-container .terminal-header {
  background-color: #c5c5c5;
}
.terminal-outer .terminal-container .terminal-header .terminal-controls {
  display: inline-block;
}
.terminal-outer .terminal-container .terminal-header .terminal-controls .elem {
  float: left;
}
.terminal-outer .terminal-container .terminal-body {
  background-color: #303030;
  padding: 10px;
}
.terminal-outer .terminal-container .terminal-body .terminal-body-inner {
  min-height: 250px;
  color: #fff;
}
.terminal-outer .terminal-container .terminal-body .terminal-body-inner p {
  margin: 0 0 4px;
}
.terminal-outer .terminal-container .terminal-body .terminal-body-inner .terminal-user {
  margin-right: 10px;
}