@keyframes bounceUpIn{0%{transform:translateY(30px);opacity:0}50%{#transform:translateY(-10px);opacity:1}to{transform:translateY(0);opacity:1}}.calendar-nav{display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;margin-bottom:20px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}@media (max-width:768px){.calendar-container{background-size:cover;background-position:50%}}.Textwithshadow{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:0 5px}.calendar-container{background-size:cover;background-position:50%;background-repeat:no-repeat;height:100vh;width:100%;margin:0;padding:30px;text-align:center;font-family:Arial,sans-serif;font-size:30px;font-weight:700;border-radius:0;#background-color:#f9f9f9;animation:bounceUpIn 1s ease-out;animation-fill-mode:forwards}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;margin-top:20px;opacity:0;animation:bounceUpIn 1s ease-out;animation-delay:.5s;animation-fill-mode:forwards}@media (max-width:768px){.calendar-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:400px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}.day-button{padding:20px;cursor:pointer;font-size:20px;transition:background-color .2s ease;border-radius:10px;opacity:0;transform:translateY(30px);animation:bounceUpIn .8s ease-out;animation-delay:calc(75ms * var(--column));animation-fill-mode:forwards;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;border:2px solid #000}.day-button:hover{opacity:.8}.day-button.selected{font-weight:700;background-color:#f0f0f0}.day-button.past,.day-button:disabled{background-color:#e0e0e0;color:#aaa;cursor:not-allowed}.selected-date-info{margin-top:20px;font-size:24px;font-weight:700;color:#333}.instruction-modal-overlay,.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.instruction-modal-content,.modal-content{background-color:#fff;padding:20px;border-radius:10px;color:#666;text-align:center;position:relative;font-size:18px;max-width:80vw;max-height:80vh;overflow-y:auto;box-sizing:border-box}.instruction-modal-vbox{display:flex;flex-wrap:wrap;gap:20px}.instruction-modal-content-left,.instruction-motal-content-right{flex:0 0 auto}.instruction-modal-content-center{flex:1;text-align:left;min-width:0}.instruction-modal-content:before{content:"";position:absolute;top:50%;left:50%;width:75%;height:50%;background:url(/images/aug_background.png) 50% no-repeat;background-size:contain;opacity:.5;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.instruction-modal-content button,.modal-content button{margin-top:20px;padding:10px;background-color:#04f;color:#fff;border:none;border-radius:5px;cursor:pointer;width:fit-content;margin-inline:auto}.instruction-modal-content button:hover,.modal-content button:hover{background-color:#03c}@media (max-width:768px){.instruction-modal-content,.modal-content{max-width:95vw;max-height:80vh;font-size:16px}.instruction-modal-vbox{flex-direction:column;align-items:center}.instruction-modal-content-center{text-align:center}}body{background-image:url(/images/100th_Birthday_Logo.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;margin:0;min-height:100vh;background-position:50%}