#textInterface {
  display: flex;
}
#star {
	width: 400px;
}
#planet {
	width:400px;
}
.key{
	display: inline-block;
	width: 150px;
}
.shortInput {
	width: 100px;
}
.systemList {
	max-height: 800px;
	overflow: auto;
	width: 810px;
}
.systemRows {
	column-count: 2;
	width: 770px;
}
.systemRow {
	width: 390px;
	border: 1px solid black;
}
.systemRow span{
	display: inline-block;
}
.systemRowName {
	width: 150px;
}
.systemRowStar {
	width: 40px;
}
.systemRowStarCount {
	width: 30px;
}
.systemRowPlanetCount {
	width: 30px;
}
.systemRowAffinity {
	width: 30px;
}
.systemRowPopulation {
	width: 80px;
}

/* Remove the default appearance of the range input */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: white;
  cursor: point;
}

/***** Track Styles *****/
/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {
  background: #053a5f;
  height: 4px;
}

/******** Firefox ********/
input[type="range"]::-moz-range-track {
  background: #053a5f;
  height: 4px;
}

/***** Thumb Styles *****/
/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -3px; /* Centers thumb on the track */
   background-color: #5cd5eb;
   height: 10px;
   width: 10px;    
   border-radius: 5px; 
}

/***** Firefox *****/
input[type="range"]::-moz-range-thumb {
    border: none; /*Removes extra border that FF applies*/
    border-radius: 5px; /*Removes default border-radius that FF applies*/
    background-color: #5cd5eb;
    height: 10px;
    width: 10px;
}

/***** Focus Styles *****/
/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]:focus::-webkit-slider-thumb {
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem;
}

/******** Firefox ********/
input[type="range"]:focus::-moz-range-thumb {
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem;     
}