body {
  background-color: #333;
  color: #f2ca27;
  padding: 25px;
}
p {
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
p:empty {
  height: 10px;
}
.header {
  text-align: center;
  margin-bottom: 10px;
  text-shadow: 1px 1px 1px #f39c12;
}
.blink {
  -webkit-animation: blink 0.001s linear 0s infinite;
  -moz-animation: blink 0.001s linear 0s infinite;
  -ms-animation: blink 0.001s linear 0s infinite;
  -o-animation: blink 0.001s linear 0s infinite;
}
.header:first-child {
  margin-top: 0;
}
section {
  white-space: pre-wrap;
  padding: 0 20px;
  background-color: rgba(0, 0, 0, 0.1);
}
div {
  padding: 25px;
  text-align: center;
  max-width: 350px;
}

@-webkit-keyframes blink {
  0% { opacity: 0.1 }
  47% { opacity: 0.1 }
  50% { opacity: 1 }
  97% { opacity: 1 }
  100% { opacity: 0.1 }
}

@-moz-keyframes blink {
  0% { opacity: 0.1 }
  47% { opacity: 0.1 }
  50% { opacity: 1 }
  97% { opacity: 1 }
  100% { opacity: 0.1 }
}

@-ms-keyframes blink {
  0% { opacity: 0.1 }
  47% { opacity: 0.1 }
  50% { opacity: 1 }
  97% { opacity: 1 }
  100% { opacity: 0.1 }
}

@-o-keyframes blink {
  0% { opacity: 0.1 }
  47% { opacity: 0.1 }
  50% { opacity: 1 }
  97% { opacity: 1 }
  100% { opacity: 0.1 }
}

@media only screen and (max-width: 768px) {
  div {
    padding: 10px;
    max-width: inherit;
    text-align: left;
  }
}

.link-section {
  margin-top: 20px;
  text-align: center;
  background-color: rgba(243, 156, 18, 0.1)
}
.link-section a {
  display: block;
  color: #f39c12;
  font-weight: bold;
  font-size: 22px;
}
