#journal-format {
  background-image: none;
  background-color: black;
}

.journal-entry {
  background-color: rgb(0, 0, 0);
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 600px;
}

.journal-entry * {
  color: rgb(255, 255, 255);
  font-family: Verdana, Arial, sans-serif;
}

.journal-entry p {
  margin-top: 6px;
}

.journal-entry table {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.journal-entry table,
.journal-entry th,
.journal-entry td,
.journal-entry caption {
  border: 1px solid rgb(0, 255, 0);
  border-collapse: collapse;
  font-size: smaller;
  color: rgb(0, 255, 0);
  padding: 3px;
}

.journal-entry td {
  text-align: right;
}

.journal-entry th {
  font-weight: bolder;
}

.journal-entry p,
.journal-entry a,
.journal-entry li {
  font-size: smaller;
}

.image_credit {
  font-size: smaller;
}

.journal-entry h1,
.journal-entry h2,
.journal-entry h3,
.journal-entry .date,
.journal-entry .image_credit {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.journal-entry h1,
.journal-entry h2,
#journal-format a,
#journal-format nav,
.journal-entry li {
  color: rgb(0, 255, 0);
}

.journal-image {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  height: fit-content;
  display: block;
}

.iframeyt {
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 600px) {
  .journal-entry {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .journal-image {
    width: 100%;
  }
  .iframeyt {
    width: 100%;
  }
}

#journal-format main {
  display: block;
}

#journal-format footer {
  width: 100%;
  padding: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
}