.posts {
  padding: 1em;

  cursor: default;

  font-family: Arial !important;
}

.post {
  margin: 2em auto;

  border: 3px solid lightgrey;

  position: relative;

  -webkit-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.25);

  box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.25);

  max-width: 700px;

  vertical-align: top;
}

.post .body p {
  margin: 2em 1em;
}

.post .body .video {
}

.post .body img {
  border: 0;

  padding: 10px 20px;

  max-width: 400px;

  width: 100%;
}

.post .body .video {
  text-align: center;
}

.post .body .video video {
  width: 700px;

  max-width: 100%;

  max-height: 400px;

  margin: 0 auto;
}

.post .footer {
  padding: 0.5em;
}

.post .footer .tags .tag {
  margin: 0.25em;

  padding: 0.25em;

  display: inline-block;

  border: 3px solid #1976d2;

  background-color: white;

  color: rgba(1, 1, 1, 0.8);
}

.post h3 {
  display: inline-block;

  margin: 0;

  font-size: 2em;

  background-color: #1976d2;

  color: white;

  border: 3px solid #1976d2;

  padding: 0.15em;

  width: 100%;
}

.post .date {
  position: absolute;

  top: -25px;

  color: rgba(1, 1, 1, 0.5);
}

.collapsible.custom {
  margin: 5px;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
}