body {
    margin: 60px auto;
    width: 60%;
    background: #FFFFFF;
}
nav ul, footer ul {
    font-family:'Helvetica', 'Calibri', 'Sans-Serif';
    padding: 0px;
    list-style: none;
    font-weight: bold;
}
nav ul li, footer ul li {
    display: inline;
    margin-right: 20px;
}
a.norm {
    text-decoration: none;
    color: #66e0ff;
    background: #FFFFFF;
}
a:hover {
    background-color: #80e5ff;
}
h1 {
    font-size: 3em;
    font-family:'Helvetica', 'Calibri', 'Sans-Serif';
}
p {
    font-size: 1.5em;
    line-height: 1.4em;
    color: #333;
}
footer {
    border-top: 1px solid #d5d5d5;
    font-size: .8em;
}

ul.posts { 
    margin-left: 30%; 
    font-size: 1.5em;
}

ul.posts li {
    list-style: none;
}
/*----------------for the menu----------------*/
h2 {
          border-left: 6px solid #333;
          background-color: #e6e6ff;
      }
      li a, .dropbtn {
          display: inline-block;
          color: white;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
        background-color: #262626;
      }
      li a:hover:not(.active) {
          background-color: #006680;
      }
      li.dropdown {
          display: inline-block;			    
      }
      .dropdown-content {
          overflow-y: auto;
          display: none;
          position: absolute;
          background-color: #f9f9f9;
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
      }
      .dropdown-content a {
          color: #99ffff;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
      }
      .dropdown-content a:hover {background-color: grey;}
      .dropdown:hover .dropdown-content {
          display: block;
      }