body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#ededed;margin:0;font-family:monospace;-webkit-user-select:none;user-select:none}.title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:30px}.content{display:flex;flex-direction:column;align-items:center}.row{display:flex;flex-direction:row;gap:40px;justify-content:center;align-items:center}.dates{list-style:none;padding:0;margin:0;width:200px;display:flex;flex-direction:column-reverse;gap:0}.dates li{font-size:1rem;margin:4px 0;text-align:center;text-transform:uppercase;font-family:monospace;color:gray}.mid{display:flex;flex-direction:column;align-items:center;min-width:95px}.selectors{display:flex;align-items:center;gap:12px;margin-bottom:20px}button{height:35px;width:70px;font-size:1rem;border:1px solid hsl(0,0%,75%);background-color:#f2f2f2;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-family:monospace}button:hover{background-color:#d9d9d9}#current-date{font-size:1.2rem;font-weight:500;padding:4px 12px;border-radius:4px;background-color:#fff;border:1px solid hsl(0,0%,75%);min-width:130px;text-align:center}.tries{font-size:1.3rem;text-align:center;margin-top:15px;color:#000}#inspiration{color:gray;text-transform:uppercase}@media (max-width: 768px){.title{font-size:1.5rem;margin-bottom:20px;text-align:center}.row{flex-direction:column;align-items:center;gap:20px}.dates{width:100%;align-items:center}.dates li{font-size:.9rem;width:100%}.mid{min-width:unset;width:100%;align-items:center}.selectors{flex-direction:column;gap:8px;margin-bottom:15px}button{width:100px;height:40px;font-size:1rem}#current-date{font-size:1rem;min-width:150px}.tries{font-size:1.1rem}#inspiration{font-size:.8rem;text-align:center;padding:0 10px}}