#Stringsection,#Charactersection,#Substringsection{
    display: flex;
    flex-direction: column;
}
#topbit{
    display: flex;
    flex-direction: row;
    justify-content:space-around;
}
#main{
    display: grid;
    grid-template-areas:
    "t t t"
    "l m r";
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    gap:5px;
}
#Stringsection{
    grid-area: l;
}
#Charactersection{
    grid-area: m;
}
#Substringsection{
    grid-area: r;
}
#topbit{
    grid-area: t;
}