@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#597f81}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.ring{box-shadow:0 6px 0 2px #eee,0 8px 0 3px #48696b,0 3px 14px #abf4e2}.ma-shan{font-family:Ma Shan Zheng}.calculate-value{font-size:3rem}.oswald{font-family:Oswald}@keyframes anim-in{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes anim-in{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-in{animation:anim-in .2s;-webkit-animation:anim-in .2s}a{color:#d3d3d3;display:block;margin:.2rem;text-decoration:none}a:hover{color:#fff}.title{font-size:4rem;text-align:center;padding-top:4rem;color:#fff;text-shadow:0 0 .5rem #000}@keyframes pop-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes pop-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.pop-up{animation:pop-up .2s;-webkit-animation:pop-up .2s}.pai-size{width:80px;height:106.664px}.chou-size{width:100px;height:100px}@media screen and (max-width: 600px){.title{font-size:2.5rem}.calculate-value{font-size:1.75rem}.pai-size{width:60px;height:80px}.chou-size{width:80px;height:80px}}