.chart-container {
    display: grid;
    justify-content: center;
    align-items: center;
}

.pan-gene,
.pan-genome
{
    margin-top: 50px;
    width: 1000px;
    height:600px;
}

.ptrisv {
    width: 1000px;
    height:400px;
}
.ptrisyn {
    width: 1000px;
    height:200px;
}

.padesv {
    width: 1000px;
    height:400px;
}
.padesyn {

    width: 1000px;
    height:200px;
}
.twochart-container {
    text-align: center;
}

.chart-title {
    margin-top: 50px;
    margin-bottom:-20px ;
    font-size: 22px;
    color: var(--msir-ink);
    font-family: sans-serif;
}

.chart-title em {
    font-style: italic;
}