html, body {
  background-image: url(pics/stare.jpg) ;
  background-repeat: no-repeat;
  background-size: 1920px 970px;
  color: white;

  font-family: sans-serif;

  height:50%;

  margin: 0;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.divwelcome {
  padding-top: 20%;

  text-align: center;
  font-size: 500%;
position: absolute;
}
.center{

  text-align: center;
  display: block;

margin-left:25%;
}
.content {
  padding: 20px;
  min-height:100%;
  margin: 0 auto -50px;
}
.footer,
.push {
  height: 50px;
  text-align:center;
}

nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: fixed;
  top: 0;

}

li {
  float: left;
  font-size: 200%;
  display: inline-block;
  margin-right: 100px;
  margin-top: 50px;
}

li a {
  display: block;
  padding: 8px;
  color: white;
  text-decoration: none;
}

li a:hover {
  background-color: #grey;
  color:grey;
}


div#earth{
  left: 10px;
  bottom: -300px;
  width: auto;
  height: 320px;
  background-image: url(pics/earth.jpg);
  background-repeat: no-repeat;
  position: absolute;
}
.mover {
  motion-path: path("M -1811 -7 C -1606 34 -98 944 1599 1 C 672 -1122 -483 -1204 -1811 -23");
  offset-path: path("M -1811 -7 C -1606 34 -98 944 1599 1 C 672 -1122 -483 -1204 -1811 -23");
  motion-rotation: reverse;
  animation: move 15s linear infinite;

  M -1811 -7 C -1606 34 1033 1370 1525 1 C 623 -605 41 -1851 -1811 -23
}
@keyframes move {
  100% {
    motion-offset: 100%;
    offset-distance: 100%;

  }
}


.mover {
  width: 320px;
  height: 350px;
  background: url(pics/earth.png) no-repeat;
  background-color: (0,0,0,0.5);
  background-blend-mode: darken;
  background-size: 50%;
  position: absolute;
  left: 25%;
  top: 1080px;

}