.app,input{text-align:center}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{margin:0;padding:0}body,input{-webkit-font-smoothing:antialiased;font-size:40px;color:brown;font-family:'Helvetica Neue',sans-serif}body{padding:2em}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:inherit}input:focus{outline:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.app{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.months{margin:1em auto;position:relative;text-align:left}.month{position:absolute;top:0;left:0}.week{white-space:nowrap}.day{display:inline-block;width:2em;opacity:.1}.day--zero{opacity:0}.day:first-child,.day:last-child{color:red}.subtitles{position:fixed;right:0;bottom:0;left:0;padding:1em 3em;text-align:center;font-size:80%;color:#ff0;text-shadow:0 0 5px #000,0 0 5px #000}@media (max-width:800px){body{padding:1.5em}body,input{font-size:30px}}@media (max-width:600px){body{padding:1em}body,input{font-size:16px}}