h1,h2,h3,h4,h5,h6 {
  font-family: "Climate Crisis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "YEAR" 1979;
    line-height: 1.2;
    color: lightblue;
    margin-top: 1.5em; /* usually more space on top than bottom */
    margin-bottom: 0.5em;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3237em; }
h3 { font-size: 1.2515em; }
h4 { font-size: 1.1832em; }
h5 { font-size: 1.1187em; }
h6 { font-size: 1.0577em; }
p { font-size: 1em; }
small { font-size: .9455em; }

/* 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 */
/* EM is proportional to your tag's text size */


main{padding-left: 1rem;}

body{
  font-family: "Climate Crisis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "YEAR" 1979;
    line-height: 1.2;
    color: black;
}

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

header img {margin-right: 0.5rem;}

body h1 {padding-left: 0.5rem;}

footer{

background-color: darkslategrey;
 background-image: url(bgimg/sun-svgrepo-com.svg),url(bgimg/ocean-svgrepo-com.svg), url(bgimg/bird.svg), url(bgimg/mountain-svgrepo-com.svg), url(bgimg/mountain-part-2-svgrepo-com.svg);
 background-size: 75px, cover, 30px, 150px, 150px;
 background-repeat: no-repeat;
 background-position: 95% 5%, center, 75% 20% , 100% 55%,30% 55%;
 padding: 1rem 2rem 4rem 2rem;
 margin-top: 1rem;

}

aside{background-color: whitesmoke;    margin: 1rem; padding-top: 0.5rem; padding-left: 1rem; padding-bottom: 2rem; padding-right: 0.5rem;}

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

aside a:visited {color: rgb(111, 111, 208);}

aside a:hover {text-decoration:underline; color: rgb(135, 199, 199);}

aside a:active {color: turquoise;}

aside ul li {font-size: 0.95rem;}

ul{padding-left: 1rem; padding-right: 0.5rem; list-style-type:disc;}

ul li{margin-bottom: 1rem;}

footer a:link{text-decoration: none; color: aliceblue;}

footer a:visited {color: rgb(147, 147, 195);}

footer a:hover {text-decoration:underline; color: rgb(135, 199, 199);}

footer a:active {color: turquoise;}