*{box-sizing:border-box;margin:0;padding:0}.c{text-align:center}html{background-color:#fff;font-size:62.5%}body,input,select,textarea{font:2rem/1.3 Work Sans,Arial,sans-serif;line-height:1.5}body{container-type:size}h1{font-size:3rem;color:#2c3e50}h1 span{padding:3px 6px;border-radius:6px}h1 .rp{background-color:#ffe96e}h1 .ft{background-color:#daff69}input,button{font:inherit}button{border:none;border-radius:8px;padding:10px 20px;margin:4px 2px;text-align:center;text-decoration:none;cursor:pointer;color:#fff;background-color:#4caf50;transition:background-color .3s}button:hover{background-color:#45a049}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}footer{font-size:12px;color:#aaa}footer p+p{margin-top:8px}