#chart-container { 
    width: 90%; 
    max-width: 1000px; 
    border-radius: 1em;
    margin-top: 1em;
}

.container {
    display: grid;
    gap: 1em;
    padding: 1em;
    grid-template-columns: repeat(3, 1fr);
    /* grid-auto-rows: 1fr; */
}

.container a {
    display: contents;  /* this is to make the a-blocks and not-url-blocks look alike */
}

.toggle-wrapper {
    position: relative;
    padding: 0;
    background-color: rgb(213, 210, 215);
    border-radius: 1em;
    height: 100%;
}

.container .box img {
    /* width: fit-content; */
    width: 85%;
    margin: 1em;
    height: auto;
    display: block;
}

/* .dropdown {
    display: flex;
    justify-content: flex-end;
    margin: 1em;
    gap: 0.5em;
}

.dropdown label {
    font-family: sans-serif;
    font-size: 20px;   
}

#dropdown {
    font-family: sans-serif;
    font-size: 15px;   
    border-radius: 0.2em;
} */

@media screen and (max-width: 600px) {
    .container {
        grid-template-columns: 1fr;
    }   
}