*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(879px at 10.4% 22.3%,#ffebee 0,#babef5 93.6%);min-height:100vh}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}#app,h1{text-align:center}h1{font-size:30px}h2{text-align:center;padding-top:50px;padding-bottom:10px;font-size:20px;color:#444}h3{font-size:25px;padding:5px 0}.form{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-number{border:1px solid #ddd;border-radius:2px;width:70%;height:40px;padding:10px 5px;outline-color:#8a2be2;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:17px}.input-submit{border:none;border-radius:3px;height:35px;margin-top:10px;width:50%;cursor:pointer;background-color:#8a2be2;outline-color:#fff;color:#fff}.current,.current-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.current{text-align:center;background-color:#fff;margin:30px 0;border-radius:50%;width:180px;height:180px;border:5px solid #8a2be2}main{margin:0;padding:20px}.chart-section{width:100%;background-color:#fff;padding:20px;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:10px 0}.chart-section,main ul{display:flex;flex-direction:column;justify-content:center;align-items:center}main ul{padding:0;margin:0}.weight-list{border:1px solid purple;border-radius:5px;background-color:#fff;list-style:none;text-align:center;padding:10px;width:60%;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.weight-list span{font-size:18px;font-weight:700}.weight-list small{font-size:15px;font-weight:600}