/* Set the maximum width of the page to fit an iPhone */
   
   body {
       max-width: 30em;
       margin: 0 auto;
       font: normal 1em/1.71em 'Helvetica Neue', 'HelveticaNeue', helvetica, sans-serif;
   }
   
   @media screen and (max-width: 767px) {
       body {
           max-width: 100%;
           margin: 0;
           padding: 0;
       }
   }
   /* Center the content  horizontally */
   
   body,
   main {
       display: block;
       box-sizing: border-box;
       margin: 0 auto;
       border-radius: 1em;
       padding: 2em;
       text-align: center;
   }
   /* Set the main content to a fixed width and add rounded corners */
   
   main {
       max-width: 30em;
       /* border-radius: 0.5em;
   border: 2px solid #ccc; */
       padding: 1em;
       background-color: #fff;
       text-decoration: none;
   }
   /* Style the heading and text */
   
   h1,
   p {
       margin: 0;
   }
   
   h1 {
       font-size: 2em;
       color: #666;
       font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", helvetica, sans-serif;
       font-weight: 300;
       margin-bottom: 0.5em;
       margin-top: 1em;
   }
   
   h1 a,
   h1 a:hover {
       color: #666;
       border: 0;
   }
   
   p {
       font-size: 1.2em;
       color: #000;
   }
   
   a {
       border-bottom: 1px solid #C1C1C1;
       padding-bottom: 2px;
       color: #666;
       text-decoration: none;
   }
   
   a:hover {
       border: none;
       text-decoration: none;
       color: #A90000;
   }
   
   ul {
       text-align: left;
       margin-left: 2.5em;
   }
   
   li {
       line-height: 170%;
   }
   /* Style individual elements and classes */
   
   #profile-picture-container {
       margin: auto;
       box-sizing: border-box;
   }
   
   #profile-picture {
       border-radius: 15%;
       height: 10em;
       box-sizing: border-box;
   }
   
   #location {
       display: inline-block;
   }
   
   #work {
       display: inline-block;
   }
   
   #work,
   #location {
       margin: .5em;
       padding: 0 .5em;
   }
   
   .metadata {
       display: inline-block;
   }
   
   #elsewhere {
       /* border-top: 1px solid #666; */
       padding: .5em 0 0 0;
       margin: 1.5em 0 0 0;
   }
   
   .elsewhere-list {
       display: block;
       list-style: none;
       margin-block-start: 1em;
       margin-block-end: 1em;
       margin-inline-start: 0px;
       padding-inline-start: 2em;
   }