h1 { color: #e05ca5; font-family: Georgia, 'Times New Roman', serif; text-align: center; }
h2 { color: #e05ca5; font-family: Georgia, 'Times New Roman', serif; text-align: center; }
h3 { color: #e05ca5; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; }
h4 { color: #e05ca5; font-family: Georgia, 'Times New Roman', Times, serif }
p { text-indent: 3em; color: #000000; font-family: Verdana, Arial, sans-serif; }

main { color: #000000; font-family: Georgia, 'Times New Roman', Times, serif; padding-left: 2em; padding-right: 2em; }

footer { clear: both; color: #ffffff; font-family: Georgia, 'Times New Roman', serif;
    text-align: center;
    background-color: #f06db3; }

    body {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #ffd8ed
      } 
      
#bar {background-color: #f06db3; text-align: center; }

/* Add a black background color to the top navigation */
.topnav {
    background-color: #f06db3;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add a color to the active/current link */
  .topnav a.active {
    background-color: #0470aa;
    color: white;
  }