/*FONTS*/
.font-1 {
  font-family: 'Arial', 'Helvetica', sans-serif !important;
}

.font-2 {
  font-family: 'Georgia', 'Times New Roman', serif !important;
}

.font-3 {
  font-family: 'Courier New', 'Courier', monospace !important;
}

/*COLUORS*/
.color-text-1 {
  color: #000000 !important;
}

.color-background-1 {
  background-color: #000000 !important;
}

.color-border-1 {
  border-color: #000000 !important;
}

.color-text-2 {
  color: #FFFFFF !important;
}

.color-background-2 {
  background-color: #FFFFFF !important;
}

.color-border-2 {
  border-color: #FFFFFF !important;
}

/*STYLES*/
* {
  border-radius: 0rem !important;
  transition: all 0.5s;
}

body {
  background-color: #1a1a1a;
  color: #cccccc;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
}

a {
  color: inherit;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: inherit;
  text-decoration: underline;
}

/*content*/
.content {
  padding: 2rem;
}
.content .inner .screen-wrapper {
  width: 400px;
}
.content .inner .screen-wrapper .screen {
  background-color: #333333;
  border: 2px solid #4d4d4d;
  font-family: 'Courier New', 'Courier', monospace;
  padding: 1rem;
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.content .inner .screen-wrapper .session-detail {
  font-family: 'Courier New', 'Courier', monospace;
  padding: 1rem;
  font-size: 0.8rem;
}