body {
  text-align:center;
  background: black;
}

h1 {
  margin: 20%, 10%;
  letter-spacing: 5px;
  word-spacing: 20px;
  text-align:left;
  color: white;
  font-family: calibri, sans-serif !important;
  font-size: 300%;
}

figcaption {
  letter-spacing: 1px;
  margin: 10px;
  color: white;
  font-style:italic;
  font-family: calibri, sans-serif !important;
  font-size: 75%;
}

.gap {
margin-top: 200px; 
margin-bottom: 0px; 
color: clear;
}

.top {
  background-image: url('../images/earth.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.top h1{
  margin-left: 5%; 
  margin-right: 5%; 
}

.top p {
  margin-left: 5%; 
  margin-right: 5%; 
  letter-spacing: 2px;
  text-align:left;
  color: white;
  font-size: 100%;
}

.content{
  align:center;
  max-width: 1080;
  margin: auto 20%;
}

p a {
  letter-spacing: 2px;
  font-style:italic;
  color: white;
  font-weight: 900;
  text-decoration-line: none;
}

figcaption a {
  color: white;
  font-weight: 900;
  text-decoration-line: none;
}

a:hover {
  text-decoration-line: underline;
}

p {
  letter-spacing: 0px;
  margin-top: 35px;
  margin-bottom: 15px;
  letter-spacing: 1px;
  text-align:left;
  color: white;
  font-family: calibri, sans-serif !important;
  font-size: 100%;
}

ul {
  display: flex;
  flex-direction: row;
  text-align:center;
  list-style-type: none;
}

ul li {
  width: 50%;
}


li a {
  font-family: calibri, sans-serif !important;
  letter-spacing: 2px;
  color: white;
  text-decoration: none;
}

li a:hover {
  text-decoration-line: underline;
}

object {
  width: 100%;
  height: 100%;
}

.bigimg {
border-radius: 10px;
float:center;
max-width:100%;
width: auto;
}

.linklist {
  max-width: 1080;
  margin: auto 20%;
  float:center;
  display: flex;
  flex-direction: column;
  text-align:center;
  list-style-type: none;
}

.linklist li {
  font-weight: 900;
  margin-top: 30px;
  width: 90%;
}

.linklist p {
  font-weight: 400;
  text-align:center;
  margin-top: 0px;
  margin-left: 0px;
  font-style:italic;
  font-size: 75%;
}

footer p{
  text-align:center;
  font-style:italic;
  font-size: 50%;
}

@media screen and (max-width: 800px) {
ul {
  float:center;
  display: flex;
  flex-direction: column;
}
ul li {
  width: 100%;
  margin-left:-5%; 
  margin-top:5px; 
  margin-bottom:5px;
}
.content{
  align:center;
  max-width: 1080;
  margin: auto 2%;
}

figure{
  width: 100%;
  margin-left: 0px;
  float:center;
}

}