body {
  background-color: darkslategrey;
  color: darkturquoise;
  font-family: lucida, monospace;
}  
a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}
a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}
.mainbody {
  width: auto;
  max-width: 800px;
  border: none;
  padding: 4px;
  margin: 1px;
}
div {
  width: auto;
  max-width: 635px;
  border: none;
}
.hiddentext {
  color:darkslategrey;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  margin: -1px;
  user-select: none;
}
.bluesky-embed {
  margin: 1em 0;
  padding-left: 2em;
  border: 1px solid lightslategray;
  border-radius: 10px;
  background-color: #1b1212;
  max-width: 600px;
  font-family: noto Sans, sans-serif;
  font-size: 17px;
  color: #f0f8ff;
  padding: 0.5em 1em;
}
.smalltext  {
  font-size: 13px;
}
.blue {
color: dodgerblue;
}
@media only screen and (max-width: 860px) {
.shrink_860 {
width: 100%;
}
}
@media only screen and (max-width: 740px) {
.shrink_740 {
width: 100%;
}
}
@media only screen and (max-width: 670px) {
.shrink_670 {
width: 100%;
}
}
@media only screen and (max-width: 530px) {
.shrink_530 {
width: 100%;
}
}
@media only screen and (max-width: 450px) {
.shrink_450 {
width: 100%;
}
}