*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}body,html{font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}ul{list-style:none}.archiveContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;opacity:1}@media screen and (max-width:768px){.archiveContainer{bottom:105px}}.archiveContainer #archiveList{padding:10px;z-index:5;display:flex;flex-direction:row;flex-wrap:wrap;top:0;position:fixed}.archiveContainer #archiveList li{font-size:15px;width:-moz-fit-content;width:fit-content;transition:all .2s ease-in-out}.archiveContainer #archiveList li a{text-decoration:none;color:#000;padding-right:10px;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{padding:10px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;height:-moz-fit-content;height:fit-content}@media screen and (max-width:768px){.keywords-list,.year-list{font-size:8vw}}.keywords-list img,.year-list img{margin-right:10px;max-height:35px;cursor:pointer}.keywords-list img:hover,.year-list img:hover{filter:invert(1)}.keywords-list a,.year-list a{text-decoration:none;color:#000;font-size:15px}.keywords-list a:hover,.year-list a:hover{color:#fff}#archiveButton{position:fixed;bottom:0;left:0;display:flex;flex-direction:row;z-index:150;padding:10px;gap:10px}#archiveButton img{max-height:30px}@media screen and (max-width:768px){#archiveButton{flex-direction:column;gap:0}}#archiveButton p{font-size:15px;cursor:pointer;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}}@keyframes fadeOutHandwriting{0%{opacity:1}to{opacity:0;visibility:hidden}}.handwritting{animation:fadeOutHandwriting 1s forwards;animation-delay:2s;z-index:100000;position:fixed;top:0;width:100%;height:100%;left:50%;transform:translateX(-50%);pointer-events:none;display:flex;justify-content:center;align-items:center;background-color:#fff}.handwritting img{width:55vw}@media screen and (max-width:768px){.handwritting img{transform:rotate(-90deg);width:80vh}}.info-button{position:fixed;bottom:0;right:0;padding:10px;z-index:10000;font-size:1.5rem;color:#fff;line-height:1;mix-blend-mode:difference;cursor:pointer}.info-button:hover{opacity:.7}.info-content{animation:fadeOutHandwriting 1s forwards;animation-delay:4s;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;z-index:10000;padding-bottom:10px}.info-content a{color:#000;transition:opacity .3s ease}.info-content a:hover{opacity:.7}.info-content p{position:fixed;bottom:0;padding-bottom:20px;font-size:.8rem;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}}.picture-number{bottom:0;right:45px;font-size:1.5rem;line-height:1}.current-month,.picture-number{position:fixed;padding:10px;z-index:10000;color:#fff;mix-blend-mode:difference}.current-month{top:0;right:0;font-size:15px;display:none}.button-container{position:fixed;bottom:1%;left:50%;transform:translateX(-50%);display:flex;gap:10px;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;transition:opacity .3s ease;text-decoration:none}.button-next-month a:hover,.button-previous-month a:hover{opacity:.7}.month-title{position:fixed;top:0;left:0;padding:20px;z-index:1000;pointer-events:none}.month-title img{max-height:50px}@media screen and (max-width:768px){.month-title img{max-height:35px}}.handwriting-title{position:fixed;top:0;left:0;padding:10px;z-index:1000;pointer-events:none}.handwriting-title img{max-height:50px}.container{display:flex;position:relative}.fixed-image-viewer{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;z-index:10;overflow:hidden}.fixed-image-viewer img{height:100%;object-fit:cover;width:auto;height:500px;max-height:75vh}@media screen and (max-width:768px){.fixed-image-viewer img{max-width:85vw;max-height:75vh;height:auto;width:auto}}.fixed-image-viewer-text{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;z-index:10;overflow:hidden}.fixed-image-viewer-text img{height:100%;object-fit:cover;width:auto;height:700px;max-height:75vh}@media screen and (max-width:768px){.fixed-image-viewer-text img{max-width:85vw;max-height:75vh;height:auto;width:auto}}.scroll-container{position:absolute;right:0;width:100%;max-width:150px}@media screen and (max-width:768px){.scroll-container{max-width:25vw}}.scroll-container img{filter:grayscale(100%);display:block;margin:0;padding:0}.scroll-image{width:100%;vertical-align:top}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;font-size:1rem}.fixed-image-loading img{display:block;height:28px;width:auto;max-width:none;max-height:none;object-fit:contain}