.container [role="about"] {
  background: ''; }

[role="blog"] > .blog {
  margin: 1em 0em;
  width: 100%;
  max-width: 450px; }

@media (min-width: 600px) {
  [role="blog"] > .blog {
    width: 40%;
    margin: 1em; } }

@media (min-width: 900px) {
  [role="blog"] > .blog {
    width: 30%; } }

[role="blog"] .card-title {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: rgba(108, 117, 125, 0.25); }

[role="blog"] .card-img-top {
  padding-top: 2.4em; }

[role="blog"] .card-img-top img {
  max-height: 300px; }

[role="blog"] .keywords {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px; }

[role="blog"] .keywords a {
  opacity: 0.75; }

[keyword]:active {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.card-img-right ~ .card-body {
  margin-right: 40%; }

/*# sourceMappingURL=app.css.map */