/*
  selector {
		property: value;
  }
*/
h1 {
  font-family: "Playwrite IT Moderna", cursive;
	color: #371d6b;  
  text-decoration: 5px line-through dashed #e68e37;
}
body {
	font-family: "Roboto", sans-serif;
  background-color: honeydew;
}
h2 {
	font-family: "Playwrite ES Guides", cursive;
  color: hsl(134, 57%, 27%);
  font-weight: bold;
}
p {
	font-style: italic;
  font-weight: 1000;
  background-color: yellow;
  border: 2px solid black;
  /*
  	padding: top right bottom left
  */
  padding: 20px 10px 25px 5px;
  margin-bottom: 25px;
}
a {
	background-color: cyan;
  border: 2px solid red;
}
h1,h2,h3,h4,h5,h6 {
	background-color: yellow;
}

#gjksxhgiok {
	background-color: magenta;
}

#text {
	background-color: cyan;
}

.Blue-bg {
	background-color: blue !important;
}
.blue-BG {
	background-color: blue !important;
}
.blue-bg {
	background-color: blue !important;
}

#justify {
	text-align: justify;
}
#backTop {
	width: 150px;
  height: 10px;
  position: fixed;
  z-index: 1;
  right: 10px;
  top: 350px;
}

.red {
	color: red;
}
p.red {
	text-decoration: overline;
}
.text-center {
	text-align: center;
}

/*
	:link and :visited are pseudo-classes
	:link affects how a link looks before being clicked
	:visited affects how a link looks after being clicked
	:hover affects how something looks while being hovered
	
	syntax - selectorName:pseudoclassName
*/
#linkExample:link {
	color: green;
}
#linkExample:visited {
	color: magenta;
}
#linkExample:hover,
#linkExample:focus {
	background-color: red;
}