html{font-size:16px}.intro p,h1{text-align:center}.explanation{position:relative;background:#efefef;overflow:hidden;max-height:300px;-webkit-transition:max-height 250ms;transition:max-height 250ms;-webkit-box-sizing:border-box;box-sizing:border-box}.explanation-spoiler{color:#00f;text-decoration:underline}.explanation-spoiler:hover{cursor:pointer}.main{width:40%;margin:auto}.circle-wrapper{width:100%;height:0;padding-top:100%;position:relative;margin:auto}.circle-wrapper svg{position:absolute;top:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:1}.circle-outer{fill:none;stroke:#5a4d69}.circle-bar{fill:none;stroke:#90ee90;-webkit-transition:stroke .2s;transition:stroke .2s}.calculations-wrapper{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#addend{border:none;border-bottom:1px solid #000}#addend:focus{outline:0}.hidden{max-height:0}.block{display:block}.text-centered{text-align:center}