.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica Neue;
  font-weight: 200;
  font-size: 20px;

}

.main-text {
  white-space: nowrap;
}

.revision {
  font-weight: 200;
  position: fixed;
  top: 32px;
  left: 32px;
}

.network-message {
  font-weight: 200;
  position: fixed;
  bottom: 32px;
  right: 32px;
}


.icon-list {
  padding-left: 0;
  list-style: none;
}

.icon-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: .25rem;
}

.icon-list li::before {
  display: block;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5rem;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}


body {
  background-color: #eee;
  font-family: "Poppins", sans-serif;
  font-weight: 300
}


.search_box {
  position: relative;
  box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.search_box input {
  height: 60px;
  text-indent: 25px;
  border: 2px solid #d6d4d4
}

.search_box input:focus {
  box-shadow: none;
  border: 2px solid blue
}

.search_box .fa-search {
  position: absolute;
  top: 20px;
  left: 16px
}

.search_box button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 50px;
  width: 110px;
  background: blue
}