body {
      font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      text-rendering: optimizeLegibility;
      font-weight: 400;
      padding: 0; 
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
      line-height: 1.5;
      font-size: 1em;
      background-color: #FCFCFC;
    }

    /* PICTURE AND NAME */
    .top-picture {
      padding-top: 25px;
      width: 150px;
      height: auto;
    }

    .top-name {
      /* font-family: 'Fugaz One', cursive; */
      color: #4C80C5;
    }

    .top-name a {
      text-decoration: none;

      color: #4C80C5;
/*
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #4C80C5 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
    }*/
  }


    .top-name a:active {
      text-decoration: none;

      color: #4C80C5;}

    .aboutme {
        color: #4C80C5;
        padding-bottom: 1.5em;
    }

    .aboutme a {
        color: #4C80C5;
        text-decoration: none;
    }

    /* NAV */
    /** NAV COMING SOON
    .nav a {
      text-decoration: none;
    }

    .nav ul {
      list-style: none;
    }

    .nav ul li {
      display: inline;
      Ç
      margin: 0px 25px 0px 25px;
    }

    .nav ul li .current {
      color: #3871BB;
    }

    .nav ul li .closed  {
      color: #c3d2d9;
      border-bottom: .25rem solid #c3d2d9;
    }

    .nav ul li .closed:hover {
      color: #3871BB;
      border-bottom: .25rem solid #3871BB;
    }
    **/

    /* MAIN BODY */
    .middle {
      margin: auto;
      text-justify: auto;
      text-align: left;
      padding: 15px 35px 15px 35px;
      color: #FFF;
      border-radius: 4px;
      background-color: #3871BB;
      box-shadow: 0 1.5px 3px #333;
    }

    .middle a {
      color: #FFF;
    }


    .middle ul {
      text-align: left;
    }

    .location {
      text-align: center;
      font-size: .95em;
      font-weight: 400;
      color: #4C80C5;
    }
    
    .ptitle {
        font-size: 2em;
        font-style: italic;
        font-weight: bold;
    }

    .pptitle {
        text-align: left;
        font-size: 2em;
        font-weight: bold;
    }

    .pdate {
        color:#B0B0B0;
        font-style: italic; 
        padding-left: .5em;
        font-weight: bold;
    }
    .ppdate {
        color:#B0B0B0;
        font-style: italic; 
        text-align: left;
        font-size: 1em;
        padding-top: 1em;
        font-weight: bold;
    }

    .ptop {
            border-bottom: .25rem solid #FFF;
    }

    .pcontent {
        padding-top: 1em;
        text-align: left;
    }

    .mastodon {
      display: none;
    }


    footer .copy {
      padding: 50px;
      font-size: .85em;
      color: #c3d2d9;
      font-weight: 400;
    }

    /* MOBILE STYLES */
    @media (max-width: 600px) {

      .middle {
        border-radius: 0;
        box-shadow: 0 0 0;
      }
    }