h1,h2,h3,h4,h5,h6 {
    font-family: "Gravitas One", system-ui;
    font-weight: 400;
    font-style: normal;
    color:darkmagenta;
    /* 16px = 1rem = height of the letter m of root edit */
    /* root element (ex: html tag) never changes. */
    /* EM vs REM = em is in the size of the current tag while rem is the root element m size = never changes*/
    /* EM is your tag's root size*/

    margin-top: 1em; /* usually provides more space on the top rather than the bottom */
    margin-bottom: 0.25em;
}


body{
    /* the font for all parts of the page */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    background-color: black;
    color:magenta
}

aside{
    background-color: rgb(104, 10, 29);
    margin: 1rem; 
    padding :1rem;
}

ul{
    list-style-type: disc;
    padding-left: 2rem;
    color:rgb(0, 200, 255);
}

ul li{
    margin-bottom: 0.5rem;
}

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

aside a:visited{
    color: darkslateblue; /*looks faded, more boring*/
}

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

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

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

footer a:visited{
    color: darkslateblue; /*looks faded, more boring*/
}

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

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

footer h4, footer h5{
    color: white;
}
h1 { font-size: 2em; margin-left: 1rem;}
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;
}
footer{
background-color:rgb(0, 200, 255);
    
background-image:   
url(bgimg/bird.svg),
url(bgimg/bird.svg),
url(bgimg/bird.svg),
url(bgimg/sun-svgrepo-com.svg),
url(bgimg/mountain-part-2-svgrepo-com.svg),
url(bgimg/sailboat-svgrepo-com.svg);

background-size:
45px 45px,
45px 45px,
45px 45px,
75px 75px,
320px 320px,/* foreground */
100px 100px; /* background */

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

background-position:
top right,
top center,
top left,
top right,
bottom left,
bottom right;
padding: 1rem 2rem 4rem 2rem; /*clockwise*/
}