body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin-top:60px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:url(https://cdn.pixabay.com/photo/2015/11/01/19/02/christmas-1017363_1280.jpg) no-repeat 50% fixed;background-size:cover;font-family:Arial,sans-serif;margin:0;padding:0}.container{align-items:center;background-color:#ffffffe6;border:5px solid #b71c1c;border-radius:15px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;height:auto;justify-content:center;margin:20px auto;max-width:600px;overflow:hidden;padding:20px;position:relative;text-align:center}.title{color:#c62828;font-size:28px;font-weight:700;margin-bottom:20px;text-shadow:0 0 8px gold,0 0 15px tomato}.calendar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin:0 auto}.door{background-color:#c62828;border:2px solid #fff;border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:20px;height:80px;overflow:hidden;position:relative;transition:box-shadow .3s ease,transform .2s;width:80px}.door:hover{box-shadow:0 6px 12px #0006;transform:translateY(-3px)}.door .day-number,.door .message{align-items:center;display:flex;height:100%;justify-content:center}.day-number{font-size:24px;z-index:1}.message{color:#000;display:none;font-size:14px;padding:5px}.door.open .message{display:flex}@media screen and (max-width:768px){.container{border-width:3px;padding:15px;width:90%}.title{font-size:24px;margin-bottom:15px}.calendar{gap:8px;grid-template-columns:repeat(4,1fr)}.door{height:60px;width:60px}.day-number,.door{font-size:18px}.message{font-size:12px}}@media screen and (max-width:480px){.calendar{gap:5px;grid-template-columns:repeat(4,1fr)}.door{font-size:16px;height:75px;width:75px}.day-number{font-size:14px}.message{font-size:10px}}.popup-content{max-width:90%;padding:15px}.close-btn{font-size:1.2em;height:25px;width:25px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:center;width:90%}.modal-title{color:#d35400;font-size:1.5em;margin-bottom:10px}.modal-description ul{list-style-type:disc;margin-top:10px;padding-left:20px;text-align:left}.modal-tip{color:#888;font-style:italic;margin-top:10px}.modal-image{border-radius:8px;height:auto;margin-top:15px;max-width:100%}.close-button{background-color:#d32f2f;border:none;border-radius:12px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:8px 16px;right:10px;top:10px;transition:transform .2s ease,background-color .2s ease}.close-button:hover{background-color:#c2185b;transform:scale(1.1)}.close-button:active{background-color:#880e4f;transform:scale(.95)}.snowflakes{left:0;pointer-events:none;position:fixed;top:0;width:100%}.snowflake{animation:fall linear infinite;color:#fff;font-size:1.5em;position:absolute}@keyframes fall{0%{opacity:0;top:-10%}10%{opacity:1}to{opacity:0;top:110%}}
/*# sourceMappingURL=main.8b218710.css.map*/