body{padding-top:20px;padding-bottom:20px}

.point{position:absolute;right:0;font-size:36px;padding:0 15px;color:#777}

.progress-pie-chart{width:260px;height:260px;border-radius:50%;background-color:#E5E5E5;position:relative;font-family:Arial}

.ppc-progress{content:"";position:absolute;border-radius:50%;left:calc(50% - 130px);top:calc(50% - 130px);width:260px;height:260px;clip:rect(0,260px,260px,130px)}

.gt-50 .ppc-progress{clip:rect(0,130px,260px,0)}

.gt-50 .ppc-progress .ppc-progress-fill{clip:rect(0,260px,260px,130px);background:#E5E5E5}

.ppc-percents{content:"";position:absolute;border-radius:50%;left:calc(50% - 227px/2);top:calc(50% - 227px/2);width:227px;height:227px;background:#fff;text-align:center;display:table}

.ppc-percents span{display:block;font-size:2.6em;font-weight:700;color:#81CE97}

.pcc-percents-wrapper{display:table-cell;vertical-align:middle}

.progress-pie-chart{margin:10px auto 0}

.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;padding-top:10px;text-align:center;background:rgba(248,248,248,.95)}

.game-over p{font-size:40px;font-weight:700;height:60px;line-height:60px;margin-top:29px}

.welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;padding-top:15px;text-align:center;background:rgba(248,248,248,.95)}

.welcome p{font-size:27px;font-weight:700;height:60px;line-height:60px;margin-top:28px}

.lower{min-height:100%}

.score{font-size:34px;margin-top:0}

.footer{background:#F8F8F8}

.navbar{margin-bottom:10px}

.load{z-index:300;position:absolute;top:0;right:0;bottom:0;left:0;padding-top:150px;font-size:30px;text-align:center;background:rgba(248,248,248,1)}