/* General Layout (Non-typographic) Style Rules */
body {
	
	background-color: wheat;
	margin: 40px 60px;
	font-family: "Red Hat Text", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style : normal;
	width: 80%;
    padding: 80px 40px;
    box-sizing: content-box;
    border: 05px dotted rgb(255, 0, 93);
    border-radius: 10px;
	
}
body > ul {
	margin-bottom: .5em;
	font-family: "Red Hat Text", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style : normal;
	
}
ul li {
	margin: .15em 0;
}
code {
	background-color: #eee;
}
footer {
	margin-top: 80px;
}

/* Typographic Styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "Notable", serif;
	font-weight: 400;
	font-style: normal;


}
.notable-regular {
	font-family: "Notable", serif;
	font-weight: 400;
	font-style: normal;
  }

  .red-hat-light> {
	font-family: "Red Hat Text", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style : normal;
  }  
  .red-hat-bold> {
	font-family: "Red Hat Text", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style : normal;
  }
  a:link {
	  color: rgb(43, 195, 17);
}
a:visited {
	color: #8aa30d;
}
a:focus, a:hover {
	color: #ffbf00;
	background-color: #fff;
}
a:active {
	color: rgb(255, 0, 234);
	background-color: #fff;
}
h1{
	background-color: #9ecbff;

}