h2 {
  color: #e1e1e1;
}

h3 {
  display: inline-block;
  font-size: 1.6em;
  text-shadow: 0 0 2px black;
}

h3 a {
  align-items: center;
  color: #cbdeee;
  display: flex;
}

h3 a:hover {
  color: #fff;
}

h3 img {
  height: 1em;
  margin-right: .5em;
}

article {
  flex-basis: 75%;
  margin-left: 50px;
}

article picture img {
  border-radius: 1em;
  width: 100%;
}

article video {
  border-radius: 1em;
  height: auto;
  width: 100%;
}

article p, article ul li {
  font-size: 1.2em;
  line-height: 1.6em;
  text-align: justify;
}

a, a:visited {
  text-decoration: none;
}

hr {
  border-color: #43414d;
  border-left: 0;
  border-right: 0;
  border-width: 5px;
  margin-bottom: 1em;
}

.header-div {
  align-items: start;
  display: flex;
  gap: 1em;
}

.header-div time {
  background-color: rgba(0, 0, 0, .25);
  border-radius: 1em;
  color: #ccc;
  font-size: 1.4em;
  margin-top: 1em;
  padding: 1em;
  text-align: center;
}

.header-div .title {
  margin-bottom: 2em;
  padding-top: .6em;
}

.pros-ul,
.cons-ul {
  background-color: rgba(0, 0, 0, .25);
  border-radius: 1em;
  font-size: 1.1em;
  list-style-type: circle;
  margin-top: 2em;
  padding: 1em 2em 1em 3em;
  position: relative;
  text-shadow: 0 0 2px rgba(0, 0, 0, 1.0);
}

.pros-ul:before,
.cons-ul:before {
  background-color: rgba(0, 0, 0, .75);
  border-radius: .5em;
  left: 1em;
  min-width: 64px;
  padding: .5em 1em;
  position: absolute;
  text-align: center;
  top: -1em;
}

.pros-ul {
  color: #8edf66;
}

.pros-ul:before {
  content: "Pros";
}

.cons-ul {
  color: #df9f66;
}

.cons-ul:before {
  content: "Cons";
}

.pros-ul li,
.cons-ul li {
  line-height: 2em;
}