content {
    width: 90%;
}

.header {
    height: 20%;
}

.header>div>img {
    width: 100px;
}

.header>div>div>span:first-child {
    font-size: 2rem;
}

.header>div>div>img {
    height: 28px;
}

.header>a {
    font-size: 16px;
    padding: 8px 12px;
}

.container {
    flex: 1;
}

#chart {
    width: auto;
    height: 0;
    flex: 1;
    max-height: 300px;
    margin: 16px;
    box-shadow: 0px 0px 4px 4px rgb(211, 233, 249);
    box-sizing: content-box;
}

.container .list {
    margin: 16px;
    width: auto;
    flex: unset;
    flex-direction: row;
}

.container .list>div:not(:first-of-type) {
    margin-top: 0;
    margin-left: 8px;
}

.container .list>div:not(:last-of-type) {
    margin-right: 8px;
}

footer .copyRight {
    flex-direction: row;
}

footer .copyRight>span:nth-child(2) {
    margin-left: 1rem;
}