h1,h2,h3,h4,h5,h6 {
        /* set all headers to our fancy google font */
        font-family: "DM Serif", system-ui;
        font-weight: 400;
        font-style: normal;
        font-size: 2rem; /* adjust to taste, in a small window */
        margin-top: 2em; /* space above the subtitle */
        margin-bottom: 1em; /* space below the subtitle */
   }

h1 { font-size: 2em; }
h2 { font-size: 1.7411em; }
h3 { font-size: 1.5157em; }
h4 { font-size: 1.3195em; }
h5 { font-size: 1.1487em; }
p { font-size: 1em; }
small { font-size: .8706em; }
main {padding-left: 1rem;}

    p {margin-bottom: 1rem;}  /* space below only for paragraphs */

    main {
        margin: 1rem;  /* move the main content box away from everything, on all sides */
     }

aside {
    background-color:rgb(9, 101, 101);
    margin: 1rem;
    padding: 1rem;
}

ul{ list-style-type: disc; padding-left: 2rem; color: rgb(0, 136, 255);}
ul li {
    margin-bottom: 0.5rem;
}

     /* LoVeHA Rule for Link interactivity in dark colored boxes */

    footer aside {
        background-color: rgb(56, 56, 85);
        color: rgb(147, 215, 251); /* all normal texts are white */
    }

    /* LoVeHA Rule for Link interactivity */

    a:link {
        color: rgb(28, 8, 53);
        text-decoration: none;
    }
    /* default link text is white, no underline */

    a:visited {color: #ff00bb;}
    /* link to pages you have visited already */

    a:hover {
        color: rgb(255, 0, 0); 
        text-decoration: underline;
    }
    /* link underneath the mouse cursor but not clicking yet */

    a:active {color: magenta;}
    /* link is vivid color while being clicked */





    /* LoVeHA Rule for Link interactivity in light colored boxes */

    main a:link {
        color: #444;
        text-decoration: none;
    }
    /* default link */

    main a:visited {color: #7f7e7e;}
    /* link to pages you have visited already */

    main a:hover {
        color: rgb(40, 40, 40); 
        text-decoration: underline;
    }
    /* link underneath the mouse cursor but not clicking yet */

    main a:active {color: magenta;}
    /* link while being clicked */


     a:link {
        color: rgb(196, 251, 119);
        text-decoration: none;
    }
    /* default link text is white, no underline */

    footer a:visited {color: #01d0f0;}
    /* link to pages you have visited already */

    footer a:hover {
        color: rgb(255, 0, 0); 
        text-decoration: underline;
    }
    /* link underneath the mouse cursor but not clicking yet */

    a:active {color: rgb(255, 0, 179);}
    /* link is vivid color while being clicked */

    footer h4, footer h5 {
        color: rgb(0, 255, 55);
    }


        ul {
        list-style: disc;
        margin-left: 1.5rem;
    }

    li {margin-bottom: 0.25rem}

    footer {
        padding: 2rem 0 3rem 2rem; 

  background-image:
   url(bgimg/sailboat-svgrepo-com.svg), 
      url(bgimg/ocean-svgrepo-com.svg), 
      url(bgimg/mountain-svgrepo-com.svg), /* foreground */
      url(bgimg/mountain-part-2-svgrepo-com.svg), 
      url(bgimg/clear-svgrepo-com.svg); /* background */

  background-size: 
  35%,
     220px,
      70%, /* foreground */
      35%, 
      170px; 
  
  background-repeat:
  no-repeat,
    repeat-x, 
      no-repeat,  
      repeat-x, 
      no-repeat;
  
  background-position: 
  155px 309px,
      189px 227px,
      122px 216px, 
      12px 285px,
      5px 91px;
  }