:root{


/*---createavatar---*/
    --left-percentage: 50%;
    --right-percentage: 50%;
    
    --display-padding-left: 100px;
    --display-padding-right: 100px;

    --overview-button-width: 80px;
    --overview-img-width: 50px;
    --overview-img-height: 50px;

    --big-img-height: 200px;
    --big-img-width: 110px;

    --small-img-height: 60px;
    --small-img-width: 60px;

    --preview-padding-top: 50px;
    --img-margin: 2px;

    --preview-width: 700px;
    --preview-height: 400px;

    --color-img-width: 40px;
    --color-img-height: 40px;

}
/*top, right, bottom, left*/