h1,h2,h3,h4,h5,h6 {

 font-family: "Manufacturing Consent", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 2.3rem; 
  color: rgb(70, 12, 2);
  
/* 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 */
/* REM is root element m size = never changes */
/* EM is your tag's text size */

  margin-top: 1rem; /* usually more space on top than bottom */
  margin-bottom: 0.25rem; 

}

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


main a:link{
color: white;
text-decoration: none;
}

main a:visited{
color:black;
}

main a:hover{
color:bisque; 
}

main a:active{
color:blueviolet;
}


body { 

background-color:rgb(226, 202, 185);
font-family:Georgia, Times, 'Times New Roman', serif;
font-size: 1rem; /* 16px */
color:rgb(99, 46, 22); 
}

aside {
background-color:rgb(186, 159, 140);
margin: 1rem;
padding: 1rem; 
}

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

ul li {
margin-bottom: 0.5rem;
}

aside a:link{ 
color: white;
text-decoration: none;
}

aside a:visited{
  color:black;
}

aside a:hover{
color:bisque; 
}

aside a:active{
color:blueviolet;
}

footer a:link{ 
color: rgb(99, 46, 22);
text-decoration: none;
}

footer a:visited{
  color:black;
}

footer a:hover{
color:bisque; 
}

footer a:active{
color:blueviolet;
}

footer h4, footer h5 {
color: rgb(99, 46, 22);
}

h1 { font-size: 2.3em; 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: 1.1489em;}
p {font-size: 1 rem;}
small { font-size: .8704em;}

main {padding-left: 1rem;} 




footer {
background-color: rgb(226, 202, 185);

    background-image: 
    url(bgimg/hot-air-balloon-svgrepo-com.svg),
    url(bgimg/forest-svgrepo-com.svg),
    url(bgimg/mountain-part-2-svgrepo-com.svg),
    url(bgimg/airplane-svgrepo-com.svg); 
    
    
    
  background-size: 80px, 50px, 260px, 70px;
  background-repeat: no-repeat, repeat-x, no-repeat, no-repeat;
  background-position: 95% 10px, 110% 100%, 108% 240%, 50% 40%;

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