@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
.linked:hover {
  outline: 1px solid yellow;
}
.clickable:hover {
  cursor: pointer;
  text-decoration-line: underline;
}
header {
  background-color: #000;
  text-align: center;
  margin-top: 5%;
}
body {
  color: rgba(243, 232, 185, 1);
  font-family: courier;
  background: #1A1126;
  font-size: 1rem;
}
.thefogiscoming {
  margin: auto;
  display: block;
  width: 70%;
  position: relative;
  background: #000;
  box-shadow: 0 0 0 3px #E0ED7B;
}
tr {
  margin-top: 1rem;
}
table {
  table-layout: fixed;
  width: 100%;
  white-space: normal;
  display: contents;
  border-collapse: collapse;
  word-wrap: break-word;
}
li {
  padding: 10px;
}
hr {
  color: rgba(243, 232, 185, 1);
  opacity: 0.5;
  width: 50%;
  display: block;
}
.review {
  background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
  text-align: left;
  display: flex;
  height: auto;
  width: 100%;
}
.reviewimg {
  padding: 3%;
  width: 100px;
  transition: 0.5s ease;
}
.reviewimg:hover {
  max-width: 50%
}
.waytoolong {
  margin: 2%;
  float: left;
  width: 100%;
  text-align: justify;
}
.intext {
  white-space: nowrap;
  display: flex;
  text-align: center;
  max-width: 90%;
  margin: auto;
}
.seperate {
  padding: 1%;
  font-size: large;
  font-weight: bold;
}
h3 {
  margin-left: 4%;
}
h4 {
  text-align: center;
  font-weight: bold;
}
.bottom {
  background: #000 fixed;
  display: block;
  width: 100%;
  text-align: center;
  margin: auto;
}
.text {
  width: 100%;
  padding: 1%;
  margin:1%;
  display: inline-grid;
  background-color: transparent;
  line-height: 1.15;
  text-align: justify;
  justify-content: center;
}

.reviewpage {
  padding: 1%;
  margin: 2%;
  display: inline-grid;
  background-color: black;
  line-height: 1.5;
  text-align: center;
}
.border {
    border: 2px dashed #E0ED7B;
}
.dotted {
  border: 2px dotted #E0ED7B;
}
.double {
  border: 4px double #E0ED7B;
}
.hoard {
  width: 98%;
  line-height: 2;
  text-align: left;
  margin-left: 2%;
  margin-right: 2%;
}
img {
  max-height: 5%;
  max-width: 40%;
}
.subheader {
  margin-left: 3%;
}
html {
  scrollbar-color: #000 #B35665;
}
.normal {
  width: 17%;
  padding-left: 1%;
  padding-right:1%;
  margin: 0.5%;
  margin-top: 1%;
  background-color: #000;
  flex-direction: column;
}
.goback {
  background-color: black;
  display: inline-block;
  width: 8%;
  position: absolute;
  left: -4rem;
  box-shadow: 0 0 0 3px #E0ED7B;
}
a:link {
  color: #B35665;
}
a:visited {
  color: #E0ED7B;
}
a:hover {
  color: #B6C2B9;
}