body,html{height:100%}body{font-family:sans-serif;font-size:1.3rem;margin:0;padding:0}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%}#counter{display:flex;padding:15px 0;flex-wrap:wrap}#counter,#since{font-weight:600;min-width:100px;border:1px solid #000;border-radius:3px;margin:15px;cursor:pointer}#since{display:block;padding:15px}#party{font-size:3rem;text-shadow:1px 1px 30px #9370db;cursor:grab}.hidden{display:none!important}.birthday{border:none!important;background-color:#ffb6c1;color:#fff;box-shadow:1px 1px 30px 6px #9370db}.counter-item{padding-right:10px;display:flex;flex-wrap:nowrap}#counter:first-child{padding-left:15px}#counter:last-child{padding-right:15px}.counter-value{margin-right:3px}