h1, h2, h3, h4, h4, h5, h6{
    font-family: "kaushan script", cursive;
    font-weight: 400;
    font-style: normal;
    color: rgb(70, 12, 2);
}

h1 { font-size: 2em; margin-left: 1rem; }
h2 { font-size: 2.0019em; }
h3 { font-size: 1.7424em; }
h4 { font-size: 1.5166em; }
h5 { font-size: 1.32em; }
h6 { font-size: 1em; }
p { font-size: 1em; }
small { font-size: .8704em; }

main {padding-left: 1rem}
   
aside{
    background-color: rgb(130, 210, 146);
    margin: 1rem; 
    padding: 1rem;
}

ul{
   /* undordered list */
   list-style-type: disc;
   padding-left: 2rem;
   color:rgb(139, 10, 25);
}

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

/* LoVeHAvRULE */
aside a:link{
    color:blueviolet;
    text-decoration: none; /* removes underline */
}

aside a:visited {
    color: darkred(72, 72, 75); /* looks faded, more boring */
}

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


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


footer a:link{
    color:blueviolet;
    text-decoration: none; /* removes underline */
}

footer a:visited {
    color: darkred(72, 72, 75); /* looks faded, more boring */
}

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


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

footer { 
    background-color: rgb(198, 226, 237);

    background-image:
     url(bgimg/emoticon-happy-smile-svgrepo-com.svg ),
     url(bgimg/mountain-part-2-svgrepo-com.svg),
     url(bgimg/bird.svg);

    background-size: 
    50px,
    250px, 
    35px;

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

    background-position: 
    50% 0%,
    30% 50%, 
    33% 16%;

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

header {
    display: flex; /* puts things side-by-side */
    height: 2rem;
    line-height: 2rem; /*vertical align text */
}