body {
  background-color: #000;
  color: #fff;
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row; }
  body header {
    flex: 0 1 auto;
    max-width: 100%;
    margin: auto; }
    body header h1 {
      color: #fff;
      font-family: "Alfa Slab One", serif;
      font-weight: 400;
      font-size: 5em;
      text-shadow: 5px 0px rgba(255, 0, 128, 0.6), 0px 5px rgba(255, 0, 128, 0.4); }
  body content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    flex-direction: row; }
    body content p {
      font-family: "DM Sans", sans-serif;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem; }
    body content img {
      border: 1px solid #ff0080;
      max-width: 100%; }
    body content div {
      flex: 0 1 auto;
      max-width: 40%;
      margin: 0 auto; }
  body footer {
    flex: 0 1 auto;
    max-width: 100%;
    margin: auto; }
    body footer a {
      color: #fff;
      font-family: "Alfa Slab One", serif;
      font-weight: 400;
      font-size: 1em;
      text-shadow: 5px 0px rgba(255, 0, 128, 0.6), 0px 5px rgba(255, 0, 128, 0.4); }

@media all and (max-width: 800px) {
  body {
    flex-direction: column; }
    body header {
      margin: 1rem; }
    body content {
      margin: 1rem;
      max-width: 100%; }
      body content div {
        max-width: 100%; } }
/* Small screens */
@media all and (max-width: 500px) {
  body {
    flex-direction: column; }
    body content {
      max-width: 100%; }
      body content div {
        max-width: 100%; } }

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