html {
  background: linear-gradient(black, #01011a, black);
  font-size: 1.5em;
}

body {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

header {
  background: linear-gradient(40deg, #00fce4a3, #fff3, #0070ff), linear-gradient(-20deg, black, #0070ff,#001cff, #abffeb, white);
  padding-left: 20px;
  position: relative;
  border: outset 2px rgb(0, 65, 220);
}

main {
  background: black;
  border: 2px outset #858585;
}

main h1 {
  text-align: center;
}

main h1, p, h2, li {
  color: white;
}

section {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

footer {
  color: white;
  text-align: center;
}

header span {
  margin-left: 20px;
}

header h1 {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  color: #00f3ff;
  text-shadow: black 2px 2px;
  padding: 5px;
}

a:hover {
  color: red;
}

.navigation_bar {
  display: flex;
  list-style: none;
}
.navigation_bar li {
  margin-right: 16px;
}

main {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}

.downloads {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 5px;
}


table img {
  width: 100%;
}

.screenshots img {
  width: 100%;
  border: inset #1a1a1a;
}

.logos td{
  border: inset #1a1a1a;
}

.logos {
  border: outset #2a2a2a;
}