h1, h2, h3, h4, h5, h6 {
  font-family: "Honk", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  margin-left: 1rem;
 }

 h1 { font-size: 2.9em; }
h2 { font-size: 2.4285em; }
h3 { font-size: 2.0336em; }
h4 { font-size: 1.7029em; }
h5 { font-size: 1.426em; }
h6 { font-size: 1.1942em; }
p { font-size: 1em; }
small { font-size: .8374em; }


aside {
    background-color:#5397c1;
    margin: 1rem; 
    padding: 1rem;
    }

    ul {
        /*unordered list*/
        list-style-type: disc;
        padding-left: 2rem;
        color: rgb(2, 12, 50);
    }

    ul li{
        /*list item within the list*/
        margin-bottom: 0.5rem;
    }


    /* LoVeHa RULE*/
    aside a:link {
        color: white;
        text-decoration: none; /* removes underline */
    }

    aside a:visited{
        color: rgb(45, 45, 58); /* looks faded, more boring*/
    }

    aside a:hover {
        text-decoration: underline; /*add underline on mouse hover*/
    }

    aside a:active {
        color: magenta; /*very in your face color*/
    }




    footer a:link {
        color: rgb(112, 204, 244);
        text-decoration: none; /* removes underline */
    }

    footer a:visited{
        color: rgb(1, 41, 81); /* looks faded, more boring*/
    }

    footer a:hover {
        text-decoration: underline; /*add underline on mouse hover*/
    }

    footer a:active {
        color: magenta; /*very in your face color*/
    }



    footer h4, footer h5 {
        color: white;
    }




footer {
    background-color:#457b9d;

    background-image:
    url(bgimg/negative-svgrepo-com.svg),
    url(bgimg/negative-svgrepo-com.svg),
    url(bgimg/negative-svgrepo-com.svg),
    url(bgimg/snowboard-silhouette-svgrepo-com.svg),
    url(bgimg/negative-svgrepo-com.svg),
    url(bgimg/negative-svgrepo-com.svg),
    url(bgimg/mountain-part-2-svgrepo-com.svg),
    url(bgimg/mountain-part-2-svgrepo-com.svg),
    url(bgimg/mountain-part-2-svgrepo-com.svg),
    url(bgimg/clear-svgrepo-com.svg); 

    background-size:
    75px,
    95px,
    80px,
    70px,
    310px,
    800px,
    275px,
    275px,
    140px,
    50px;

    background-repeat: 
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat;

    background-position:
    6rem 4rem,
    11rem 0.5rem, 
    14rem 0rem,
    12rem 9rem, 
    -8rem 3rem,
    -12rem 2rem,
    -9rem 1rem,
    9rem 5rem,
    6rem 8rem,
    8rem 9rem;

    padding: 1rem 2rem -1rem 2rem  ; /* clockwise, starts at noon */
}