body{margin:0;padding:0}.app{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:805px;margin:50px auto;padding:24px 12px;background:-webkit-linear-gradient(315deg,#f5f7fa 0%,#c3cfe2 100%);background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.app .inputBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.app .inputBox .select{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:100px;margin:0}.app .inputBox .select.year{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;max-width:150px}.app select{width:100%;padding:8px;font-size:16px}.app .select{width:100%;margin:12px auto 24px}.app .select.year{max-width:320px}.app h3{margin:0 0 12px;line-height:1.5;text-align:center}.app p{margin:0 0 4px;font-size:14px;line-height:1.5;text-align:center}.app .button{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:320px;margin:0 auto 32px;padding:12px;background-color:#000;border-radius:5px;color:#fff;text-align:center;cursor:pointer}.app .result{font-size:20px;font-weight:600;text-align:center}