body {
  background: linear-gradient(-45deg, #e73c7e, #23a6d5);
  background-size: 200% 200%;
  animation: gradient 10s linear infinite; }

@-webkit-keyframes gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@keyframes gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

mdsection {
  display: block;
  max-width: 915px; /* Width of block */
  padding: 25px; /* From edges to text in block */
  background: #ffffff;
  font-family: 'Source Sans Pro';
  margin: 10% auto 0 auto; /* Top left bottom right */
  border-radius: 0.5em;
  border: 1px solid #d0d7de; } /* Thickness opacity color */

footer {
  margin-bottom: 7% !important; }

@media (max-width: 915px) {
  body {
    background: none !important;
    animation: none !important; }
  mdsection {
    margin-top: 0px !important;
    border: none !important; }
  footer {
    margin-bottom: 0px !important; } }