a:link {
  color: white;
  font-family: Comic Sans MS;
}
a:visited {
  color: lightGray;
  font-family: Comic Sans MS;
}
body {
  background-image: url("./starBackground.jpg");
  background-attachment: fixed;
}
button {
  background-color: LightGray;
  width: fit-content;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: .5rem;
  font-weight: bold;
  }
button:hover {
  color: lightblue;
}
.lang {
  position: absolute;
  right: 0.95%;
  width: 5%;
  font-weight: bold;
  background-color: black;
  color: white;
  text-align: center;
}

.linkTable{
  width: 100%;
  background-color: darkGray;
}
.planetTab:link {
  color: black;
  font-family: Comic Sans MS;
}
.planetTab:visited {
  color: Black;
  font-family: Comic Sans MS;
}
.underConstruction {
  font-family: Comic Sans MS;
  color: DarkRed;
  text-align: center;
  font-weight: bold;
}

.item1 {
  grid-area: header;
  background-color: black;
  color: white;
  font-size: 100px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Comic Sans MS;
}
.item2 {
  grid-area: menu;
}
.item3 {
  grid-area: main;
  font-family: Comic Sans MS;
  color: white;
  background-color: black;
  text-align: center;
}
.item4 {
  grid-area: right;
  align-items: center;
}
.item5 {
  grid-area: missions;
  font-family: Comic Sans MS;
  color: white;
  background-color: black;
  text-align: center;
}
.item6 {
  grid-area: exercise;
  font-family: Comic Sans MS;
  color: white;
  background-color: black;
  text-align: left;
}
.item7 {
  grid-area: answers;
  font-family: Comic Sans MS;
  color: white;
  background-color: black;
  text-align: left;
}

.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu menu menu menu menu menu'
    'main main main main right right'
    'missions missions missions missions missions missions'
    'exercise exercise exercise exercise exercise exercise'
    'answers answers answers answers answers answers';
  grid-gap: 10px;
  padding: 10px;
}

.grid-container > div {
  padding: 20px 0;
}
.answer {
  color: lightblue;
}
.homePage {
  background-color: black;
  width: 15%;
  border-radius: .5rem;
  padding: 10px;
}
.homePage:link {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.homePage:visited {
  color: white;
}
.homePage:hover {
  color: lightblue;
}
.pageLink:link {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.pageLink:visited {
  color: white;
}
.pageLink:hover {
  color: lightblue;
}
.backBtnCy {
  background-color: black;
  text-align: center;
  width: fit-content;
  border-radius: .5rem;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}
.backBtnCy:hover {
  color: lightblue;
}