/* 
	This is a Cascading StyleSheet file (.css file) that works on an HTML (.html) file 
	to provide better looking pages than basic HTML can provide. 
*/
 
/* 
	These are styles that apply to core HTML elements
	Since html and body are the highest level tags, the styling here
	applies to the page itself and all content on the page.
	Individual elements can be further styled to override this high level styling.
*/
html, body {
  height: 100%;
  width: 100%;
}
 
/* A class starts with a . followed by the class name */
.box-title {
  width: 100%;
  text-align: center;
  background-color: lightgreen;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px;
}
 
.styled-para {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
 
.word-highlight {
  background-color: orangered;
  color: white;
}
 
.hover-text:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  color: teal;
  font-weight: bold;
	cursor: pointer;
}