body {
  background-color:  #270000;
  color: white;
  /* font-family: "Helvetica Neue", Verdana, sans-serif; */
  /* font-family: "EB Garamond", Georgia, serif; */
  font-family: "Noto Sans Coptic", Verdana, sans-serif;
  line-height: 1.5;
  font-size: 18px;
}

p {
  text-align: justify;
  width: 850px;
  margin: auto;
  background-color: #140000;
  padding: 20px;
}

h4 {
  width: 900px;
  margin: auto;
  font-weight: bold;
  font-size: 20px;
}

h1 {
  text-align: left;
  width: 1000px;
  margin: auto;
  font-size: 36px;
}

h2 {
  text-align: left;
  width: 1000px;
  margin: auto;
  font-size: 30px;
}

h3 {
  width: 900px;
  font-size: 26px;
  margin: auto;
}

h5 {
  text-align: left;
  width: 800px;
  margin: auto;
  font-size: 18px;
}

h6 {
  text-align: left;
  width: 690px;
  margin: auto;
  font-size: 14px;
}


a:link {
  color: white;
}

a:visited {
  color: white;
}

.coptic {
  font-family: "Noto Sans Coptic"; 
  text-align: left;
  width: 850px;
  margin: auto;
  font-size: 18px;
  line-height: 1;
}

.link{
  font-weight:bold
}

.ol {
  width: 850px;
  margin: auto;
}

.li {
  width: 850px;
  margin: auto;
}

th, td {
  padding: 15px;
}

table, th, td {
  border: 1px solid;
  background: black;
  border-color: goldenrod;
  font-size: 20px;
}



/*
Source - https://stackoverflow.com/a/52720351
Posted by barbsan, modified by community. See post 'Timeline' for change history
Retrieved 2026-09-14, License - CC BY-SA 4.0
--- leaving in the attribution even though no one will ever read this because im sure it would be appreciated
*/

[tooltip]:active::after {
    content: attr(tooltip);
}

#hp1  {
float: left;    
 margin: 0 15px 0 0;
}

#hp2  {
float: right;    
 margin: 0 15px 0 0;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}