@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container-1, .container-2{
     display: block;
     padding: 0;
     gap: 3vw;
}
#myChart-1, #myChart-2, #myChart-3, #myChart-4{
    background-color: #EAEAE5;
    width: 100% !important;
    padding-bottom: 2vh;
}
.chart{
    background-color: #575C34;
}
@media only screen and (max-width: 690px) {
    #myChart-1, #myChart-2, #myChart-3, #myChart-4{
        width: 100% !important;
    }
    .container-1, .container-2{
        display: block;
        padding: 0;
    }
}
@media only screen and (min-width: 691px) and (max-width: 1280px) {
    #myChart-1, #myChart-2, #myChart-3, #myChart-4{
        width: 100% !important;
        padding-bottom: 2vh;
    }
    .container-1, .container-2{
        display: block;
        padding: 0;
    }
}