* {
  box-sizing: border-box;
}

body {
  background-image: url(images/static.gif)
}

#container {
  margin:100px 200px;
}

main, aside {
  background-color: #121216;
  border: 7px double #5B5A5C;
  text-align: justify;
  line-height:1.25;
  padding: 20px;
  /* box-shadow: 10px 10px 10px black, 10px -10px 5px black, -10px 10px 10px black, -10px -10px 10px black; */
  overflow: auto;
  object-fit: contain;
}

div {
  margin:0;
  padding:0;
}

.titleflexbox {
  display: flex;
  justify-content:space-between
}

p.title {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  text-shadow: -2px 1px red, 2px -1px blue;
  margin-bottom:40px;
  margin-top:20px;
}

p, a, h1, h2, ul, li {
  font-family: "Lucida Console", monospace;
  color: #EAE6EA;
  margin: 20px 0px;
}

summary {
  font-family: "Lucida Console", monospace;
  color: #7F7D83;
  margin: 20px 0px;
  text-align: right;
  font-size: 17px;
  cursor: pointer;
}

summary:hover {
  text-decoration: underline;
}

p, ul, li {
font-size: 17px;
}

ul, li {
  margin: 0;
}

a {
  font-size: 23px;
  text-decoration:underline;
}

h1 {
  font-size: 33px;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color:#7F7D83;
}

p.small {
  color:#7F7D83;
  font-size:13px;
}

p.titledate {
  color:#7F7D83;
  font-size:17px;
  align-self: flex-end;
}

hr {
  border: 1px solid #EAE6EA;
}