.space-theme {
  background: linear-gradient(#141414, #101010, #070707);
  z-index: 0;
}

.star {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fffff2;
  box-shadow: 0 0 10px #ffffe2;
  position: relative;
  z-index: 1;
}

.ship {
  z-index: 5;
  width: 180px;
  height: 100px;
  margin: 0;
}

.ship__body,
.ship__cockpit,
.ship__engine {
  position: relative;
  padding: 0;
  margin: 0 auto;
  height: 33%;
}

.ship__body,
.ship__engine {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}

.ship__thruster,
.ship__light {
  position: relative;
  width: 15%;
  height: 50%;
  margin: 0 auto;
  border-radius: 50%;
}

.ship__body {
  z-index: 5;
  background-color: #606060;
  border: 1px solid rgba(220, 248, 253, 0.75);
  width: 85%;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

/* .ship__light {
  background-color: #fff;
  width: 10%;
  height: 30%;
  top: 35%;
  background-color: rgb(198, 246, 255);
  border: 1px solid rgb(238, 253, 255);
  box-shadow: 0 0 5px rgb(211, 240, 245);
} */

.ship__console {
  width: 98%;
  border-radius: 10px;
  background: #000;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.ship__text {
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  color: #ff0000;
  text-shadow: -1px -1px 0 #914a4a, 1px -1px 0 #914a4a, -1px 1px 0 #914a4a,
    1px 1px 0 #914a4a;
  pointer-events: none;
}

.ship__text--highlight {
  color: #00ff62;
  text-shadow: -1px -1px 0 #4a9165, 1px -1px 0 #4a9165, -1px 1px 0 #4a9165,
    1px 1px 0 #4a9165;
}

.ship__engine {
  width: 70%;
  z-index: 4;
  background: transparent;
}

.ship__thruster {
  top: -35%;
  margin: 0 auto;
  background-color: rgb(104, 253, 161);
  border: 1px solid rgb(50, 197, 107);
  box-shadow: 0 0 5px rgb(183, 255, 211);
}

.ship__cockpit {
  top: 1px;
  width: 40%;
  margin: 0 auto;
  border-radius: 50% 50% 0 0;
  background-color: rgba(108, 233, 255, 0.3);
  border: 1px solid rgb(56, 166, 185, 0.3);
  box-shadow: 0 0 5px rgb(237, 252, 255);
}

.console {
  background-color: transparent;
  border: 2px solid rgb(237, 252, 255);
  color: #00ff62;
  text-shadow: -1px -1px 0 #4a9165, 1px -1px 0 #4a9165, -1px 1px 0 #4a9165,
    1px 1px 0 #4a9165;
}

.hud {
  color: #00ff62;
  text-shadow: -1px -1px 0 #4a9165, 1px -1px 0 #4a9165, -1px 1px 0 #4a9165,
    1px 1px 0 #4a9165;
  background: transparent;
}