body {
    color: rgb(0, 0, 0);
    background-image: url("images/sitebg.gif");
    font-family: "Patrick Hand", Arial, Helvetica, sans-serif;
}

footer {
    position: relative;
    min-height: 100px;
    padding: 20px;
    overflow: hidden;
    background-color: #676767;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}

header {
    position: relative;
    min-height: 100px;
    padding: 20px;
    overflow: hidden;
    background-color: rgb(199, 199, 199);
    color: rgb(53, 53, 53);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}

article {
    position: relative;
    min-height: 500px;
    min-width: none;
    max-width: 750px;
    padding: 20px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    color: rgb(68, 68, 68);
    background-color: rgb(134, 134, 134);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

}

mark {
    background-color: #ccf;
}

/*
img {
    border-style: dashed;
    border-width: 2px;
    border-color: #ccc;
}
*/

a:link {
  color: rgb(172, 218, 255);
  background-color: transparent;
  text-decoration: none;}
a:visited {
  color: rgb(186, 181, 253);
  background-color: transparent;
  text-decoration: none;}
a:hover {
  color: rgb(255, 231, 231);
  background-color: transparent;
  text-decoration: underline;}
a:active {
  color: rgb(204, 255, 231);
  background-color: transparent;
  text-decoration: underline;}