body{margin:0}:root{--font-family:"Stolzl","Segoe UI",sans-serif;--dark-gray:#2c2d26;--red:#d2564f}a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}.containerPaddingFlex{display:flex;justify-content:center;margin:auto}.containerPadding,.containerPaddingFlex{padding-left:10px;padding-right:10px}.container1270{margin:auto;max-width:1270px;width:100%}.containerFlexColumn{align-items:center;display:flex;flex-direction:column}.overlay{background-color:rgba(0,0,0,.8);height:100%;inset:0;opacity:0;position:fixed;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;visibility:hidden;width:100%;z-index:5}.overlay.active{opacity:1;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;visibility:visible}.cursor_pointer{cursor:pointer}canvas{display:block;flex:0 0 auto}.app-container{padding:1rem}.sun-buttons{display:flex;gap:1rem;margin-bottom:1rem}.sun-buttons button{background:#eee;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-weight:700;padding:.5rem 1rem}.sun-buttons .active{background-color:#4caf50;color:#fff}.sun-content{align-items:flex-start;display:grid;gap:2rem;grid-template-columns:600px auto}.sun-image img{border:1px solid #ccc;max-width:100%;width:600px}.sun-text{max-width:500px}.sun-gifs{margin-top:1rem}.sun-gifs img{margin-right:1rem;width:100%}.header-container{background-color:#f0f0f0;display:flex;gap:1rem;padding:1rem}.nav-button{background-color:#ddd;border:none;border-radius:5px;color:#000;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.nav-button:hover{background-color:#bbb}.nav-button.active{background-color:#4caf50;color:#fff}.year-calendar{font-family:sans-serif;font-size:9px;margin:0 auto;max-width:400px}.calendar-title{font-size:18px;font-weight:700;margin-bottom:6px;text-align:center}.calendar-grid{display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.month{border:1px solid #ccc;padding:2px}.month-name{font-size:10px;font-weight:700;margin-bottom:2px;text-align:center}.month-grid{display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.day{border-radius:2px;padding:1px 0;text-align:center}.sunday{color:darkred}.highlight{background-color:#2e7dff;border-radius:3px;color:#fff;font-weight:700}.sun-list{display:flex;flex-direction:column;gap:24px;padding:16px}.sun-block h2{margin-bottom:8px}.sun-gifs{display:flex;gap:12px}.sun-gifs img{border:1px solid #ccc;height:auto}.app-container{font-family:Arial,sans-serif;padding:20px;text-align:center}.button-container{margin-bottom:20px}.filter-button{background-color:#fff;border:2px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s}.filter-button:hover{background-color:#e7f0ff}.filter-button.active{background-color:#007bff;color:#fff}.numbers-container{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.number{border:1px solid #ddd;border-radius:3px;margin:2px;padding:5px 10px}