body {
font-family: 'Sofia Sans';
font-size: 11px;
color: #FFFFFF;
text-align: justify;
background-image: url("https://theballadeer.neocities.org/image/layout/bg4.jpg");
}

h1 {
  font-size:21px;
  font-family: 'Caveat';
  border-bottom: 1px dotted #FFFFFF;
}

h2 {
  font-size:17px;
  font-family: 'Caveat';
  border-bottom: 1px dashed #FFFFFF;
}

a {
text-decoration:underline;
color: #FFFFFF;
font-style: italic;
}

a:hover {
  text-decoration:none;
}

.visually-hidden {
  position: absolute;
  left:     -150px;
  width:    auto;
  height:   700px;
  overflow: hidden;
}

#textarea {
  background: rgba(0, 0, 0, 0.7);
  font-family: 'Sofia Sans';
  font-size: 14px;
  color: #FFFFFF;
  padding:5px;
  height:580px;
  overflow: auto;
}

figure {
    float: right;
    display: flex;
    flex-flow: column;
    margin: auto;
    max-width:400px;
    padding: 5px;
}

figcaption {
    color: #000000;
    padding: 3px;
    text-align: center;
}

table, th, td {
  border: 1px dotted white;
  border-collapse: collapse;
}
th, td {
  background: rgba(0, 0, 0, 0.7);
}
th {
  font-size:20px;
  font-family: 'Caveat';
}