body {
  background-color: rgb(13 17 23);
  font-size: larger;
  font-family: hasklig, monospace;
}

.main {
  display: flex;
  flex-direction: row;
}

.leftc {
  flex: 3;
}

.rightc {
  flex: 3;
}

@media screen and (max-width : 768px){
  .leftc {
    flex: 0;
    display: none;
  }

  .rightc {
    flex: 0;
    display: none;
  }
}

.middle {
  background-color: rgb(13 17 23);
  color: white;
  flex: 6;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
  font-size: larger;
  font-family: hasklig, monospace;
}

.middle .pageTitle{
  color: lightgreen;
  font-weight: bold;
  font-size: 40px;
}

.middle img {
  width: 100%;
  object-fit: contain;
}

.middle a {
  color : royalblue;
}

footer{
  display: flex;
  flex-direction: row;
  color: white;
  background-color: rgb(37 48 65);
  align-content: center;
}

.fcolumn {
  padding: 10px;
  flex: 1;
}

.fcolumn a{
  color: lightgreen;
}

.fcolumn#empty {
  display: inline-block;
  flex: 2;
}

.tag {
  visibility: collapse;
}

h1,h2,h3,h4,h5 {
  color: lightgreen;
}

.leftc li {
  background-color: rgb(37, 48, 65);
  margin: 10px;
  padding: 5px;
  border-radius: 5px;
}

.leftc a {
  color: white;
  text-decoration:none;
}