.donut-size{font-size:10em;margin:2% auto;float:left}.pie-wrapper{position:relative;width:1em;height:1em;margin:0 5%;float:left}.pie-wrapper .pie{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,1em,1em,.5em)}.pie-wrapper .half-circle{position:absolute;top:0;left:0;width:100%;height:100%;border:.1em solid #51e0ff;border-radius:50%;clip:rect(0,.5em,1em,0)}.pie-wrapper .right-side{transform:rotate(0deg)}.pie-wrapper .label{position:absolute;top:.52em;right:.4em;bottom:.4em;left:.4em;display:block;background:none;border-radius:50%;color:#7f8c8d;font-size:.25em;line-height:2.6em;text-align:center;cursor:default;z-index:2}.pie-wrapper .smaller{padding-bottom:20px;color:#bdc3c7;font-size:.45em;vertical-align:super}.pie-wrapper .shadow{width:100%;height:100%;border:5px solid #d28bfe;border-radius:50%}