body {
    background-color: #000000;
    color:#fdfdfd
}

.stretch {
    width: 100%;
}

ul.inline li{
    display: inline;
}

li.selected a {
    text-decoration:underline;
}

a {
    color:#fdfdfd;
    text-decoration: none;
}

header {
    display: flex;
    width: 50%;
}

.nav-page-title {
    font-size: 28px;
    padding: 8px;
}


/* Fancy Styles */
.button-fancy {
  background-color: #fdfdfd;
  border-radius: 100px;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
  color: #0d0d0d;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  font-weight:bold;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-fancy:hover {
  box-shadow: #0d0d0d 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}

/* User Name Form */
.userNameForm {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: left;
}

.userNameForm form {
    width: 200px;
    height: 60px;
    padding:20px;
    border:1px solid #ffffff;
}

/* Planetary Industry */
.system-layout {
    display:flex;
}

.systems {
    display-content: left;
    width:30%;
    padding:8px;
}

.system-search {
    padding:8px;
    border:1px solid #ffffff;
}

.system-option {
    display:flex;
    padding:8px;
    margin-bottom: 4px;
    border:1px solid #ffffff;
}

.system-option .system-option-left {
    display-content: left;
}

.system-option .system-option-right {
    display-content: right;
}

.system-option a {
    font-size:20px;
}

.system-option .button-fancy {
    margin:10px 0 0 50px;
}

.system-results {
    padding:8px;
}

.system-data {
    display-content: right;
    width:65%;
    padding:8px;
}

.pick-system {
    padding:8px;
    border:1px solid #ffffff;
}