body {
  background-color: #9EFFEF;
  color: black;
  font-family: "Times New Roman", Times, serif;
}

.container {
    /*display: block;
	align-items: center;*/
    width: 800px;
	margin: 0 auto;
	border: 3px solid #00EEFF;
}

.content {
	display: flex;
	justify-content: center;
	background-color: white;
	width: 100%;
	margin: 0 auto;
	border: 3px solid #00A7B5;

}

.halfbox {
	flex: 1;
	/*background-color: white;*/
	width: 50%;
  /*padding: 50px; /* if you want space between the images */
}

.quarterbox {
	flex: 1;
	width: 25%; /* three boxes (use 25% for four, and 50% for two, etc) */
  /*padding: 50px; /* if you want space between the images */
}

/*define paragraph formatting*/
p {
    padding: 30px;
    text-indent: 50px;
    font-size: 150%;
    text-align: left;
  }
/*define paragraph formatting*/

* {
    box-sizing: border-box;
}


/*define header formattings*/
h1 {
    text-align: center;
	margin: auto;
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
}
h2 {
    text-align: center;
    padding: 10px 10% 10px; 
    font-size: 130%;
    font-style: italic;
    font-weight: bold;
}
h3 {
	text-align: center;
	padding: 10px;
    font-size: 85%;
    font-style: italic;
    font-weight: bold;
}
/*define header formattings*/

.linkbar {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: white;
	border: 3px solid #00A7B5;
}

.linkbox {
	height: 100%
	padding: 15px 15px 15px 15px;
	background-color: #9EFFEF;
	border: 3px solid #00EEFF;
}


img {
  max-width: 100%;
  max-height: 100%;
  padding: 10px 10px 10px 10px;
}

/* define list formatting */
ul {
    text-align:center;
    list-style-type: circle;
    padding:4%;
    /* border: 1px solid white; */

}

li a {
    text-align: left;
}
/* define list formatting */



/* link colors */
a:link {
    color: blue;
	font-size: 125%;
	padding: 25px;
}

/* visited link */
a:visited {
    color: blue;
	font-size: 125%;
	padding: 25px;
}







.thirdbox {
  float: left;
  width: 33.33%; /* three boxes (use 25% for four, and 50% for two, etc) */
  /*padding: 50px; /* if you want space between the images */
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}