style.css

body {
    font-family: Georgia;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
}

h3 {
    text-align: center;
}

p {
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    text-indent: 25px;
}

ul {
    text-align: center;
    list-style-position: inside; 
} 

.container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.container2 {
    margin: auto;
    width: 75%;
}

.vis1 {
    width: 50%;
}

.subgroupVis {
    width: 50%;
}

.timeVis {
    width: 50%;
}

.launchVis {
    width: 50%;
}

.hidden {
    visibility: collapse;
}

.tooltip {
    position: absolute;
    background-color: rgb(236, 234, 234);
    border:  solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 5px;
    font-size: small;
  }

.Airframe {
    fill:rgb(43, 150, 244);
}

.Avionics {
    fill:rgb(111, 2, 144);
}

.Internal {
    fill:rgb(219, 26, 94);
}

.Propulsion {
    fill:rgb(6, 132, 88);
}

.Starship {
    fill:rgb(238, 157, 6);
}

.Travel {
    fill:rgb(247, 97, 4);
}

.propPoint {
    fill:rgb(60, 111, 187);
}

.recPoint {
    fill:rgb(118, 176, 154);
}