h1,h2,h3,h4,h5,h6 {
  /* font choice for titles and subtitles */
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1000;
  font-style: normal;
  color: black;

  margin-top: 1.5 em ; /* usually more space on top than bottom */
  margin-bottom: 0.25 em;
  padding: 0.5rem;
}

/* 16 pixels = 1 rem = 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 */
/* EM is your tag's text size */
     


body {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 1 rem;
   color: black;
}

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

header img {margin-right: 0.5rem;}

h1 { font-size: 2.5em; }
h2 { font-size: 1.9656em; }
h3 { font-size: 1.7171em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3104em; }
p { font-size: 1em; }
small { font-size: .8706em; }

main {padding-left: 2rem;}

aside {
    background-color: rgb(189, 230, 225);
    margin: 1rem;
    padding: 1rem;
}



/*loVeHA RULE*/
aside a:link {
  color: rgb(57, 94, 93) ;
           text-decoration: none; /* removes underline */
}


aside a:visited { 
  color: rgb(47, 46, 92);
}


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

}


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









footer a:link {
  color: rgb(16, 15, 32) ;
           text-decoration: none; /* removes underline */
}


footer a:visited { 
  color: rgb(12, 14, 51);
}


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

}


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

footer h4, footer h5 {

          color: rgb(27, 27, 43);
}


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

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







footer {
	background-color: rgb(154, 201, 235);
	background-image: url(bgimg/sun-svgrepo-com.svg), url(bgimg/mountain-part-2-svgrepo-com.svg);
	background-size: 80px, 300px;
	background-repeat: no-repeat;
	background-position: 100% 1%, 6rem 15rem;
	padding: 1rem 2rem 4rem 2rem;
}