h1,h2,h3,h4,h5,h6 {
  /* font choice for titles and subtitles*/
    font-family: "Alfa Slab One", system-ui;
font-weight: 400;
font-style: normal;
color: rgb( 70, 12, 2);

margin-top: 2em; /* usually more space on top than bottom*/
margin-bottom: 0.5em;
}

/* 16 pixels = 1rem = height of letter m of root element */
/* root element (ex: html tag) never changes */
/* EM vs REM = em is in the size of the current tag */

header{
  display: flex;
  height: 2rem;
  line-height: 2rem;
}

header img {margin-right: 0.5rem;}

h1 { font-size: 1.65em; }
h2 { font-size: 1.5179em; }
h3 { font-size: 1.3963em; }
h4 { font-size: 1.2845em; }
h5 { font-size: 1.1817em; }
h6 { font-size: 1.087em; }
p { font-size: 1em; }
small { font-size: .9199em; }

main {
  padding-left: 1rem;
}

aside {
  background-color: #ff8000;
  margin: 1rem;
  padding: 0.5rem;
}

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

aside a:visited {
  color: rgb(72, 72, 75) /* to make it look faded, less appealing */
}

aside a:hover {
  text-decoration: underline; /* adds an underline when you hover over it with your mouse*/
}

aside a:active {
  color:magenta;
}

ul {
  /* unordered list */
  list-style-type: disc;
  margin-left: 1rem;
  color: white;
}

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

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

footer {
    background-color: red;


    background-image: 
    url(bgimg/sun-svgrepo-com.svg),
    url(bgimg/mountain-svgrepo-com.svg),
    url(bgimg/bird.svg),
    url(tree-2-svgrepo-com.svg);
   background-size: 81px, 320px, 51px, 50px;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-position: 66% 28%, -77% 239%, 92% 60%, 50% 50%;
    padding: 1rem 2rem 4rem 2rem; /*clockwise, starting from noon */
}

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

footer a:visited {
  color: rgb(72, 72, 75) /* to make it look faded, less appealing */
}

footer a:hover {
  text-decoration: underline; /* adds an underline when you hover over it with your mouse*/
}

footer a:active {
  color:cyan;
}

footer h4, footer h5 {
  color: wheat;
}

ul {
  /* unordered list */
  list-style-type: disc;
  margin-left: 1rem;
  color: white;
}

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