html {
    font-family: 'Raleway', sans-serif;
    font-size: 20;
  }

  h1 {
      font-family: 'Dancing Script', cursive;
      font-size: 120;
      color: #000000;
      clear:none;
      text-align: center;
  }

  h4 {
      font-size: 20;
      font-style: bold;
      line-height: 30%;
  }

  p {
      padding-left: 10px;
      padding-right: 10px;
  }

  .grid-container {
      display: grid;
      grid-column-gap: 10px;
      grid-template-areas:
      'person listing'
  }

  .person {
    width: 100px;
    border-radius: 50%;
}

a:link,
a:visited {
    color: #000000;
    text-decoration: underline; }

a:hover {
    color: #000000;
    text-decoration: underline; }


 /** Bottom of the page **/

 /** Waves **/
  svg {
    width: 100%;
    float:left;
    clear:none; }

  .main-footer {
    background-color: #FFF999;
    width: 97%;
    color: #black;
    padding: 20px;
    display: grid;
    border-width: 0px;
    float:left;
    clear:none;
    text-align: center; }

  .main-footer h1 {
    color: #000000; }

  .main-footer p {
    margin: 0 0 1em 0; }

  .main-footer a:link,
  .main-footer a:visited {
    color: #000000;
    font-weight: bold;
    text-decoration: none; }

  .main-footer a:hover {
    color: #000000;
    text-decoration: underline;}