#optionsbox {
    border: 1px solid var(--primary-border-color);
    border-radius: 5px;
    padding: 20px;
    display: flex;
}

#startdatetime {
    flex: 1;
}

#enddatetime {
    flex: 1;
}

#startendlockdiv {
    flex: 3;
}

#overviewcontainer {
    display: flex;
}

@media screen and (max-width: 80em) {
    #overviewcontainer {
        flex-direction: column;
    }
}

#overviewbreakdown {
    flex: 3;
}

#overviewgraph {
    flex: 2;
}

.budget-item-surround {
    border: 1px solid var(--primary-border-color);
    border-radius: 5px;
    padding: 20px;
}