.blog-post {
  background-color: rgb(33, 37, 41);
  box-shadow: 2px 2px 6px rgba(33, 37, 41, 0.3);
  padding: 1rem;
  margin-bottom: 1rem;
  color: #D7D7D7;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

#btn-add-post {
  position: fixed;
  top: 20px;
  right: 20px;
  display: none;
}

.m-add {
  margin-top: 67px !important;
  margin-right: 25px !important;
}

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

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

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

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

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

.btn-round {
  border-radius: 50%;
}