body {
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  font-family: 'lato',sans-serif;
  min-width: 320px;
}

.navbar {
  background-color: #090A0F;
}

.navbar-nav li a {
  color: #1f3e5a;
  text-decoration: none;
}

.navbar-nav li a:hover {
  color: white;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #090A0F;
}

::-webkit-scrollbar-thumb {
  background: #1f3e5a;
}

::-webkit-scrollbar-thumb:hover {
  background: white;
}

.info {
  position: relative;
  -webkit-animation: slide-right 2s ease-in both;
          animation: slide-right 2s ease-in both;
}

.info a {
  text-decoration: none;
  color: #1f3e5a;
}

.info a:hover {
  color: white;
}

#sun {
  border-left: 6px solid white;
  height: 41.517px;
  text-align: center;
}

#mercury {
  border-left: 6px solid white;
  height: 31.1px;
  text-align: center;
}

#venus {
  border-left: 6px solid white;
  height: 160.17px;
  text-align: center;
}

#earth {
  border-left: 6px solid white;
  height: 166.8px;
  text-align: center;
}

#mars {
  border-left: 6px solid white;
  height: 1000px;
  text-align: center;
}

#jupiter {
  border-left: 6px solid white;
  height: 456px;
  text-align: center;
}

#saturn {
  border-left: 6px solid white;
  height: 896px;
  text-align: center;
}

#uranus {
  border-left: 6px solid white;
  height: 1011px;
  text-align: center;
}

#neptune {
  border-left: 6px solid white;
  height: 2.231px;
  text-align: center;
}

#pluto {
  border-left: 6px solid white;
  text-align: center;
}

.list-view {
  color: white;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
  width: 50%;
}

.detail-view {
  color: white;
  margin: 0 auto;
  max-width: 1000px;
  max-height: 2000px;
  text-align: center;
  width: 50%;
  height: 100%;
  position: relative;
  top: 250px;
}

.spaceImg {
  border: 2px solid #2b2929;
  border-radius: 15px;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0s 1800s;
  transition: 0s 1800s;
}

.spaceImg:hover {
  border: 2px solid #1f3e5a;
  -webkit-transition: 0s;
  transition: 0s;
}
/*# sourceMappingURL=main.css.map */