h1,h2,h3,h4,h5,h6{
/* font choise for titles and subtitles */
font-family:"fascinate, style-ui", cursive;
font-weight: 40;
font-style: normal;
color: rgb( 70, 12, 2);
}

body{
margin-top: 1em; 
margin-bottom: 2.3em;}

h1 { font-size: 2.25em; margin-left: 1rem; }
h2 { font-size: 1.9656em; }
h3 { font-size: 1.7171em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3104em; }
h6 { font-size: 1.1447em; }
p { font-size: 1em; }
small { font-size: .8736em; }
main { padding-left: 1rem ;}


aside {
    background-color: rgb(224, 161, 59);
     margin: 1rem; 
    padding: 1rem;
}

ul{
    list-style-type: disc;
    padding-left: 2rem;
    color: white;
}

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

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

}

asid a:hoover{
    text-decoration: underline; /* add underline on nouse hoover*/
}

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




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

footer h4, footer h5 {
color: white;
}


footer {
    
    background-color: rgb(36, 175, 230);
    background-image: 
    url(bgimg/emoticon-happy-smile-svgrepo-com.svg),
    url(bgimg/hot-air-balloon-svgrepo-com.svg),
    url(bgimg/ocean-svgrepo-com.svg);
    
    background-size: 
    100px,
    90px,
    640px;
    
    background-repeat: 
    no-repeat,
    no-repeat,
    repeat;
    
    background-position: 
    85% 0%,
    50% 50%,
    60% 20%;

    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 */
}


header img{ margin-right: 0.5rem;}

   
aside a:visited {
    background-color: rgb(224, 161, 59);
     margin: 1rem; 
    padding: 1rem;
}

ul{
    list-style-type: disc;
    padding-left: 2rem;
    color: white;
}

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

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

footer a:hoover{
    text-decoration: underline; /* add underline on nouse hoover*/
}

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