html,
body {
  height: 100%; }

.heading {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

header,
.landing {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }

#content-wrapper {
  background-color: #000; }

.landing {
  height: 100vh; }

header,
.landing * {
  user-select: none; }

section {
  min-height: 100vh; }

#video-section {
  overflow: hidden; }

#play-icon.hidden {
  opacity: 0;
  transition: all 250ms linear;
  transform: scale(3); }

#video-section .bounce div {
  padding: 1em;
  margin: -1em; }

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
    opacity: 1; }
  50% {
    transform: translateY(-1rem);
    opacity: 0; } }

.bounce {
  animation: bounce 1s infinite; }

#tags li:not(:last-child)::after {
  content: ', '; }

figure {
  border-radius: 5px;
  background: #f0f0f0;
  padding: 1rem; }

figure img {
  max-width: 100%;
  height: auto; }

figure figcaption {
  padding-top: 0.5rem;
  color: #666; }