main {
  width: 900px;
  margin: 0 auto;
}
h1, h2, h3, h5, div {
  font-family: "Fascinate", system-ui;
  font-weight: 800;
  font-style: normal;
}
h1 {
  font-size: 6.4em;
  color: rgb(106, 157, 102);
  text-align: center;
  margin-bottom: 2px;
  padding-top: 0.5em;
}
h2 {
  font-size: 2.5em;
  line-height: 1em;
  color: rgb(106, 157, 102);
  text-align: center;
  padding-top: 0.8em

}
h3 {
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  color: rgb(106, 157, 102);
;
}
h4, p {
  font-family: "Comfortaa", sans-serif;
  font-style: normal;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
h4 {
  font-weight: 900;
  font-size: 1.5em;
  line-height: 1em;
  color: rgb(106, 157, 102);
;
}
li, h6 {
  font-family: "Fascinate", system-ui;
  font-weight: 600;
  font-style: normal;
  font-size: 1.3em;
  padding-bottom: 0.4em;
}
h6 {
  font-weight: 600;
  font-size: 0.9em;
}
p {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.1em;
  font-kerning: auto;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
a href {
  font-family: "Fascinate", system-ui;
  font-weight: 600;
  font-style: normal;
  font-size: 1.em;
  color: white;
}
figcaption {
  font-size: 1.1em;
  font-family: "Fascinate", system-ui;
  font-weight: 300;
  font-style: normal;
  color: rgb(106, 157, 102);
  text-align: center;
  padding-top: 0.2em;
}
/*///// CLASSES /////*/
.other {
    color: firebrick;
    font-weight: 400;
    background-color: bisque;
}
.imgfloat {
  float: right;
  margin-left: 12px;
  padding-top: 40px;
}
.GFG {
  column-count: 2;
  column-gap: 30px;
  padding-top: 25px;
}
.C2 {
    column-count: 2;
    column-gap: 30px;
    padding-top: 25px;
    max-width: 70%;
}
.C3 {
  column-count: 3;
  column-gap: 20px;
  padding-top: 25px;
}
.C4 {
  column-count: 4;
  column-gap: 20px;
  padding-top: 25px;
}
/*///// NAV STYLES /////*/
nav {
    margin-bottom: 20px;  
}
nav ul {
    list-style-type: none; /* remove bullets */
    margin: 0;
    padding: 14px;
    text-align: center;
    
}
nav li {
    display: inline; /* change li from block level element to inline */
    font-weight: 600;
    font-style: normal;    
}
nav a:link, nav a:visited {
      color: white;
	  background-color: rgb(106, 157, 102);
	  border-radius: 4px; /*round the corners on the nav items*/
	  text-decoration: none; /*remove default underlines from links*/
	  padding: 2px 6px;
	  margin: 0;
      font-size: 1em;
      border: 1px solid white;
}
nav a:hover {	
	background-color: rgb(201, 251, 191);
    color: black;
	}