@font-face {
    font-family: "CenturySchoolbook";
    src: url('/site/CenturySchoolbook.ttf') format("truetype");
}
div {
  font-family: CenturySchoolbook;
}
:root {
  --header-bg:#F5E0BF;
  --nav-bg:#F5E0BF;
  --article-bg:#F5D6A4;
  --border-color:#E09410;
  --sidebar-text-color:#551D04;
  --article-text-color:#551D04;
  --article-heading-color:#551D04;
  --nav-link-color:#0B094E;
  --darker-border-color:#E09410;
}

body {
	line-height: 1;
	background-color: #0B094E;
	background-image: url('/site/background.gif');
	background-repeat: repeat;
  background-attachment: fixed;
  background-size: 25%;
	text-align: center;
}

p{
	font-size: 110%;
	line-height: 125%;
	padding-top: 15px;
	box-shadow:5px 5px #E09410;
  margin-bottom:15px;
  background-color:var(--article-bg);
  color:var(--article-text-color);
  padding:20px;
  margin:20px;
}

h1{
  color:#E4E694;
  font-weight:bold;
  letter-spacing:1px;
  text-align:center;
  font-size:18px;
  margin-top:10px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
  box-shadow: 5px 5px #E4C6FC;
  background-color:#0B094E;
  padding:15px;
  margin:15px;
}

h2{
  background-color:var(--article-bg);
  color:var(--article-text-color);
  font-weight:bold;
  letter-spacing:1px;
  text-align:center;
  font-size:16px;
  margin-top:10px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
  box-shadow: 5px 5px #E09410;
  padding:15px;
  margin:15px;
}

p a{
	color:blue;
	text-decoration: none;
}
p a:hover{
	color:purple;
	text-decoration: underline;
}

UL{
	font-size: 110%;
	font-family: Verdana;
	line-height: 125%;
	padding-right: 50px;
	padding-left: 50px;
	background-color: pink;
	outline: 2px solid red;
}

.myClass{
	text-align: left;
	outline: 2px purple dashed;
}