body {
  background-color: darkslategrey;
  color: darkturquoise;
  font-family: lucida, monospace;
  padding: 0;
  margin: 0;
}  
.margin {
  padding: 0;
  margin: 10px;
  margin-bottom: 50px;
}
div {
  width: auto;
  max-width: 800px;
}
a:link {
  color: lightsalmon;
  background-color: transparent;
  text-decoration:none;
}
a:visited {
  color: mediumseagreen;
  background-color: transparent;
  text-decoration:none;
}
a:hover {
  color: lightcyan;
  background-color: transparent;
  text-decoration: underline;
}
.quote {
  border: 4px solid lightcyan;
  padding: 10px;
  margin: 5px;
}
.mainbody {
  width: auto;
  max-width: 800px;
  border: none;
  padding: 1px;
  margin: 1px;
}
.hiddentext {
  color:darkslategrey;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  user-select: none;
}
@media only screen and (min-width: 1785px) {
.vanish_desktop {
display:none
}
}
@media only screen and (max-width: 1785px) {
.vanish_mobile {
display:none
}
}