/*document general*/
  html {
      font-size: 24px;

      background-image: url("images/img (4).jpeg");
      background-repeat: no-repeat;
      background-size: cover;
      background-color: darkblue;
    }
    body {
      width: 80%;
      margin: auto;
      background-color: #e8e5a7;
      border-radius: 5px;
    }
 /*end document general*/
 /*navigation list*/
    nav {
      margin: auto;
      background-color: skyblue;
      font-size: 1.5em;
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }
    ul {
      padding: 0;
      text-align: center;
      list-style-type: none;
    }

    .link li {
      display: inline;
      padding: 10px;
    }
    a {
      text-decoration: none;
      color: black;
    }
    .self {
     background-color: #e8e5a7;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
    }
 /*end navigation list*/
 /*content*/
      /*images*/
        img {
          margin-left: 25%;
          margin-right: 25%;
          width: 50%;
          border-radius: 10px;
        }
        .main-image {
          float: left;
        }
        .content img {
          margin-left: 10%;
          margin-right: 10%;
          width: 25%;
        }
        .past-image {
          margin-left: 3%;
          margin-right: 3%;
          width: 25%;
         /* border-style: ;*/
        }
        /*past content is images from past pictures page*/
        .past-content {
/*          border-style: ;*/
          border-radius: 10px;
        }
      /*end images*/
      /*text content*/
        h1 {
          text-align: center;
          text-decoration: bold;
        }
        .text {
          text-align: left;
          margin:10%;
        }
        .content {
          font: verdana;
          margin: 10%;
        }
      /*end text content*/
 /*end content*/