@font-face {
        font-family: TayBarro;
        src: url(TAYBarro.woff);
      }
      
      #info-card {
        display: flex;
        align-items: auto;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 5%;
        margin-bottom: 5%;
        color: black;
        background-color: rgba(255, 255, 255, 0.6);
        border: 8px dashed white;
      }
      
      #name-art {
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        max-width: 50%;
        max-height: auto;
      }
      
      #name-art:hover {
        resize: 10%;
      }
      
      #about-img {
        width: 200px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        padding: 2%;
      }
      
      #about-text {
        padding: 2%;
      }
      
      #name-header {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      
      #header-menu {
        display: flex;
        justify-content: center;
        font-size: 1em;
        font-weight: bold;
      }
      
      #footer { /* Consolidate later!*/
        display: flex;
        justify-content: center;
        font-size: 0.8em;
      }
      
      ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        align-content: center;
        }
        
      li {
        float: left; /* This is what makes li's horizontal!!*/
      }

      li a {
        display: block; /* Adds a padding but like not really? Look up what this does */
        text-align: center;
        padding: 16px;
        text-decoration: none;
      }
      
      a {
        color: white;
      }
      
      a:hover {
        color: yellow;
      }
      
      body {
        /* font-family: "TAYBarro", Sans-Serif; */
        color: white;
        font-family: Georgia, serif;
        background-color: #3d88cd;
      }

      /* Blog styles */

      .blogpost {
        padding: 1%;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 5%;
        margin-bottom: 5%;
        color: black;
        background-color: rgba(255, 255, 255, 0.6);
        border: 8px dashed white;
      }
      
      .blog-date {
        font-style: italic;
        color: grey;
      }

      button {
        font-family: Georgia, serif;
        border: 3px solid #3d88cd;
        font-size: 1em;
        padding: 2%;
        background-color: white;
      }

      button:hover {
        font-family: Georgia, serif;
        border: 3px solid #3d88cd;
        font-size: 1em;
        padding: 2%;
        background-color: rgb(194, 194, 194);
      }
      
      button:active {
        font-family: Georgia, serif;
        border: 3px solid #3d88cd;
        font-size: 1em;
        padding: 2%;
        background-color: #3d88cd;
      }

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