@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}body,html{-ms-overflow-style:none;font-family:Instrument Sans,sans-serif;height:100%;scrollbar-width:none;width:100%}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}section{height:100%;left:0;margin:0;padding:0;position:relative;top:0;width:100%}section .scroll-picture-container-down{display:flex;flex-direction:column;justify-content:end;position:relative;transition:opacity .1s ease-in-out}section .scroll-picture-container-down img{display:block;filter:grayscale(100%);height:auto;max-width:150px;transition:all .3s ease-in-out;width:auto}section .scroll-picture-container-down img:hover{filter:grayscale(0)}@media screen and (max-width:768px){section .scroll-picture-container-down img{width:100%}}section .scroll-picture-container-down .single-picture-container{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}@media screen and (max-width:768px){section .scroll-picture-container-down .single-picture-container{bottom:10%;display:flex;justify-content:center;top:auto;transform:translateX(-50%);width:100%}}section .scroll-picture-container-down .single-picture-container img{display:block;height:auto;max-width:500px;width:auto}section .mozaic-picture-container{align-items:flex-start;display:flex;flex-direction:row;gap:5px;height:auto;left:0;padding:10px;pointer-events:none;position:fixed;top:0;width:100%}section .mozaic-picture-container img{max-height:150px}.title{font-size:20px;left:0;opacity:.6;padding:20px;position:-webkit-sticky;position:absolute;position:fixed;top:0;z-index:1}@media screen and (max-width:768px){.title{font-size:8vw}}ul{list-style:none}.archiveContainer{height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:100}@media screen and (max-width:768px){.archiveContainer{bottom:105px}}.archiveContainer #archiveList{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;position:fixed;top:0;z-index:5}.archiveContainer #archiveList li{font-size:15px;transition:all .2s ease-in-out;width:fit-content}.archiveContainer #archiveList li a{color:#000;padding-right:10px;text-decoration:none;white-space:nowrap}.archiveContainer #archiveList li a img{max-height:35px}@media screen and (max-width:768px){.archiveContainer #archiveList li a img{max-height:15px}}.archiveContainer #archiveList li a img:hover{filter:invert(1)}.archiveContainer #archiveList li a:hover{color:#fff}@media screen and (max-width:768px){.archiveContainer #archiveList li{font-size:2.5vw}}.keywords-list,.year-list{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:fit-content;padding:10px;width:100%}@media screen and (max-width:768px){.keywords-list,.year-list{font-size:8vw}}.keywords-list img,.year-list img{cursor:pointer;margin-right:10px;max-height:35px}.keywords-list img:hover,.year-list img:hover{filter:invert(1)}.keywords-list a,.year-list a{color:#000;font-size:15px;text-decoration:none}.keywords-list a:hover,.year-list a:hover{color:#fff}#archiveButton{bottom:0;display:flex;flex-direction:row;gap:10px;left:0;padding:10px;position:fixed;z-index:150}#archiveButton img{max-height:30px}@media screen and (max-width:768px){#archiveButton{flex-direction:column;gap:0}}#archiveButton p{cursor:pointer;font-size:15px;text-decoration:underline;transition:all .2s ease-in-out}#archiveButton p:hover{opacity:.5}@media screen and (max-width:768px){#archiveButton p{font-size:3vw}}.tags-container{height:100%;width:100%}.tags-container,form{left:0;position:fixed;top:0}.title.active{color:red;font-weight:700}#people-button{left:0;position:fixed;top:0}@keyframes fadeOutHandwriting{0%{opacity:1}to{opacity:0;visibility:hidden}}.middle-image-container{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.back-button{cursor:pointer;left:10%}.back-button,.month-top-right{position:fixed;top:3%;z-index:1000}.month-top-right{right:10%}.picture-number{right:45px}.info-button,.picture-number{bottom:0;color:#fff;font-size:1.5rem;line-height:1;mix-blend-mode:difference;padding:10px;position:fixed;z-index:10000}.info-button{cursor:pointer;right:0}.info-button:hover{opacity:.7}.handwritting{align-items:center;animation:fadeOutHandwriting 1s forwards;animation-delay:2s;background-color:#fff;display:flex;height:100%;justify-content:center;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:100000}.handwritting img{width:55vw}@media screen and (max-width:768px){.handwritting img{transform:rotate(-90deg);width:80vh}}.info-content{align-items:center;animation:fadeOutHandwriting 1s forwards;animation-delay:4s;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:10px;position:fixed;width:100%;z-index:10000}.info-content a{color:#000;transition:opacity .3s ease}.info-content a:hover{opacity:.7}.info-content p{bottom:0;font-size:.8rem;padding-bottom:20px;position:fixed;text-align:center}@media screen and (max-width:768px){.info-content p{font-size:.7rem;max-width:80vw}}.info-content img{width:50vw}@media screen and (max-width:768px){.info-content img{transform:rotate(-90deg);width:70vh}}.current-month{color:#fff;display:none;font-size:15px;mix-blend-mode:difference;padding:10px;position:fixed;right:0;top:0;z-index:10000}.button-container{bottom:1%;display:flex;gap:10px;left:50%;position:fixed;transform:translateX(-50%);z-index:10000}.button-container img{max-height:25px}.button-container img:hover{opacity:.7}.button-next-month a,.button-previous-month a{color:#000;font-size:12px;text-decoration:none;transition:opacity .3s ease}.button-next-month a:hover,.button-previous-month a:hover{opacity:.7}.tag-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px}.tag-list img{max-height:65px}.tag-list img:hover{opacity:.7}.tag-list a{color:#000;font-size:15px;text-decoration:none}.tag-list a:hover{color:#fff}.tag-list-alone{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px;position:fixed;z-index:10000}@media screen and (max-width:768px){.tag-list-alone{flex-direction:column;gap:0}}.tag-list-alone img{max-height:65px}@media screen and (max-width:768px){.tag-list-alone img{max-height:35px}}.tag-list-alone a{color:#000;font-size:15px;text-decoration:none}.tag-list-alone a:hover{color:#fff}.handwriting-title{left:0;padding:10px;pointer-events:none;position:fixed;top:0;z-index:1000}.handwriting-title img{max-height:50px}.month-title{left:0;padding:20px;pointer-events:none;position:fixed;top:0;z-index:1000}.month-title img{max-height:50px}@media screen and (max-width:768px){.month-title img{max-height:35px}}.loader{font-size:1rem;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100000}.container{display:flex;position:relative}.fixed-image-viewer{left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.fixed-image-viewer img{height:100%;height:500px;max-height:75vh;object-fit:cover;width:auto}@media screen and (max-width:768px){.fixed-image-viewer img{height:auto;max-height:75vh;max-width:85vw;width:auto}}.fixed-image-viewer-text{left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.fixed-image-viewer-text img{height:100%;height:700px;max-height:75vh;object-fit:cover;width:auto}@media screen and (max-width:768px){.fixed-image-viewer-text img{height:auto;max-height:75vh;max-width:85vw;width:auto}}.scroll-container{max-width:150px;position:absolute;right:0;width:100%}@media screen and (max-width:768px){.scroll-container{max-width:25vw}}.scroll-container img{display:block;filter:grayscale(100%);margin:0;padding:0}.scroll-image{vertical-align:top;width:100%}.grid-filter-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:50vh;padding:20px;width:100%}.filter-buttons{background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;padding:15px 0;position:sticky;top:0;z-index:10}.filter-button{background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;margin:2px;outline:none;padding:8px 35px 8px 15px;position:relative;text-transform:capitalize;transition:all .2s ease}.filter-button:hover{background-color:#f5f5f5;transform:translateY(-1px)}.filter-button.active{background-color:#000;border-color:#000;box-shadow:0 6px 15px #00000026;color:#fff;transform:translateY(-3px);z-index:2}.filter-button .filter-badge{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px}.image-grid{grid-gap:15px;animation:fadeIn .5s ease-out;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:100%}.image-item{background:#f8f8f8;box-shadow:0 3px 6px #0000001a;overflow:hidden;padding-bottom:100%;position:relative;transition:all .3s ease;width:100%}.grid-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease,opacity .3s ease;width:100%;will-change:transform}.error,.loading,.no-results{animation:fadeIn .5s ease-out;color:#666;font-size:16px;grid-column:1/-1;padding:40px 20px;text-align:center}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading:after{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#000;content:"";display:block;height:40px;margin-top:20px;width:40px}.error{background-color:#fde8e8;border-radius:6px;color:#d32f2f;margin:20px 0;padding:20px}.no-results{color:#888;font-style:italic;padding:60px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1024px){.image-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:768px){.grid-filter-container{padding:15px}.image-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.filter-buttons{gap:8px;margin-bottom:20px;padding:10px 0 15px}.filter-button{font-size:13px;padding:6px 14px}}@media(max-width:480px){.image-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.filter-buttons{gap:6px;margin-bottom:15px;padding:8px 0 12px}.filter-button{font-size:12px;padding:5px 12px}.error,.loading,.no-results{font-size:14px;padding:30px 15px}}
/*# sourceMappingURL=main.176c3121.css.map*/