body {
  margin: 0;
  background-color: white;
}

code {
  white-space: pre;
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}

h1 {
  margin-top: 0;
  padding-top: 10px;
}

textarea {
  height: 90vh;
  width: 80%;
}

.main {
  padding: 10px;
}

.search {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
}

.sidebar {
  background-color: #f0f0f0;
  min-height: 100vh;
  height: auto;
  padding: 0 20px 20px;
}

.sidebar h2 {
  margin-top: 5px;
}

.body-content {
  display: block;
}

@media (min-width: 576px) {
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 85%;
    max-width: 85%;
  }
}

@media (min-width: 576px) {
  .col-sm-3 {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
  }
}
/*# sourceMappingURL=styles.css.map */