/* *,*:after,*:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
} */
/* *{

    box-sizing: border-box;
    /* box-sizing: content-box; */
section{
    /* width: 100%; */
}
section.barchart{
    margin-top: 10rem;
	font-family: arial;
	font-size: 16px;
	margin: 0;
	background: #221f1f;
	color: #000;
    position:relative;
	height: 300px auto;
    right:auto;
    /* top | right | bottom | left */
    padding:0.5rem 1.5rem 1rem 0 ;
    /* width: 100vw; */
    width: 100%;
    margin-bottom: 4rem;
}

section div.contain{
    align-items:center;

}
/* h1{
	font-size: 46px;
	text-align: center;
} */
section .contain #canvas{
	width: 100%;
    /* *,*:after,*:before{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    } */
    section .barchart{
        font-family: arial;
        font-size: 16px;
        margin: 0;
        background: #fff;
        color: #000;
        display: flex;
        justify-content:center;
        align-items: center;
        min-height: 100vh;
        width: 100vw;
    }
    
    .contain{
        width: 100%;
    }
    /* h1{
        font-size: 46px;
        text-align: center;
    } */
    #canvas{
        width: 100%;
    }
}