/* all solar system tour pages */
#breadcrumb-p {
    display: inline;
}

#planet-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: black;
}

.planet-box {
    background-color: black;
    display: flex;
    padding: 12px 6px;
}

.planet-link, .planet-text {
    color: white;
    text-align: center;
}

.planet-link {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex: 1;
}

.planet-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 0;
    flex: 1;
}

/* Have to use ids because base.css will override otherwise */
#mercury-link, #venus-link, #earth-link, #mars-link, #asteroids-link, #jupiter-link, #saturn-link, #uranus-link, #neptune-link, #pluto-link, #oort-link {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    flex: 1;
}

#mercury-link:hover, #venus-link:hover, #earth-link:hover, #mars-link:hover, #asteroids-link:hover, #jupiter-link:hover, #saturn-link:hover, #uranus-link:hover, #neptune-link:hover, #pluto-link:hover, #oort-link:hover, #wanderers-link:hover {
    text-decoration: underline;
    text-decoration-color: white;
}

.planet-img {
    width: 150px;
    margin: 0 auto;
}

.fact-sheet img {
    margin: 10px;
}