.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:25px;padding:15px 0;width:100%;background-color:#1c3100b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.admin-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:16px;padding:10px 0;width:100%;background-color:#1c3100b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.header-user-section{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-right:20px;align-self:center}.header-user-name{margin:0 20px 0 10px;color:#c9c9c9}.header-logout,.header-user-name{font-size:18px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.header-title{font-size:40px;margin:0 20px 0 40px;color:#fff}.admin-header-title{font-size:20px;margin:0 20px 0 40px;color:#fff}.header-title-mobile{flex:1;margin-left:20px}.header-menu-icon{margin-left:20px}.pages{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;margin:0 40px;font-size:20px}.pages a{text-decoration:none;margin:0 30px 2px;color:#fff;transition:opacity .5s;text-align:center}.pages .active{font-weight:700;opacity:1}.pages a:hover{margin-bottom:0;border-bottom:2px solid white;opacity:1;cursor:pointer}.admin-button{display:flex;flex-direction:row;gap:8px;color:#f9f5f2;background-color:#6d3513b5;border-width:0px;font-size:16px;width:fit-content;font-family:Roboto,serif;padding:10px;border-radius:3px;transition:background-color .2s}.admin-button:hover{background-color:#6d3513ee;cursor:pointer}.admin-button:active{background-color:#6d3513ee}.content{display:flex;width:100%;flex-grow:1;overflow-y:auto}.fade-in:nth-child(1){animation-delay:.2s}.fade-in:nth-child(2){animation-delay:.6s}.fade-in:nth-child(3){animation-delay:1s}.data-list-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;overflow-y:auto}.admin-data-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:800px;padding:8px 0}.data-list{background-color:#e2e2e2cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0px solid #ccc;border-radius:3px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:calc(100% - 16px);max-width:800px;padding:40px 0;margin:8px 0}.data-list-item-separator{width:300px;max-width:100%;height:1px;background-color:#bbb;margin:25px 0;align-self:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.data-list-item-content{display:flex;flex-direction:column;flex-grow:1}.data-list-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% - 60px);padding:18px;margin:12px;border-radius:3px}.admin-data-list-item{background-color:#e2e2e2cc;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;width:calc(100% - 52px);padding:18px;margin:8px;border-radius:3px}.data-list-item-controls{display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-container{display:flex;flex-direction:row;align-items:center;justify-content:center;max-height:100%;height:100%;width:100%}.admin-menu{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:200px;height:calc(100% - 15px);padding-top:15px;background-color:#e2e2e2cc}.admin-menu-item{color:#757575;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 30px);padding:12px 0 12px 30px;margin:0;transition:color .2s;font-size:18px;font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.admin-menu-item.selected{color:#181818}.admin-menu-item:hover{color:#181818;cursor:pointer}.admin-menu-item:active{color:#181818}.admin-content{flex-grow:1;margin:0;height:100%;overflow-y:auto}.admin-icon-button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin:5px;background-color:#6d3513b5;border-radius:50%;transition:background-color .2s}.admin-icon-button.disabled,.admin-icon-button.disabled:hover{background-color:#675347b5;color:#a5a5a5b5;cursor:not-allowed}.admin-icon-button:hover,.admin-image-upload:hover{background-color:#6d3513ee;cursor:pointer}.admin-loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#00000080;font-size:20px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.admin-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000080}.admin-confirmation-options{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px;gap:40px}.admin-confirmation-option{margin:10px}.admin-login-button{margin:auto}::-webkit-scrollbar-track{background:#0000}*{scrollbar-width:medium;scrollbar-color:#888 transparent}.haiku-list-line{color:#181818;font-size:20px;text-align:center;margin:10px 0}.haiku-list-publisher{font-size:14px;color:#4b4b4b;margin-top:20px;text-align:center}.content-page{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:100%;overflow-y:auto}.haiga-list-item-content,.haiga-list-item-content-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.haiga-list-item-image-box-mobile{height:200px;margin-bottom:20px}.haiga-list-item-image-box{max-width:500px}.haiga-list-item-image{height:100%;max-width:100%;object-fit:cover;border-radius:3px}.haiga-list-publisher{font-size:16px;color:#4b4b4b;margin-top:15px}.admin-haiku-list-line{color:#181818;font-size:18px}.admin-haiku-list-publisher{font-size:16px;color:#4b4b4b;margin-top:15px}.data-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.data-editor-content{position:relative;margin:12px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;max-width:1000px;min-width:550px;max-height:calc(100% - 40px);padding:20px;background-color:#e2e2e2cc;border-radius:3px}.data-list-item-inputs{display:flex;flex:1;flex-direction:column;gap:15px;align-items:flex-start;justify-content:flex-start;max-height:100%}.data-editor-item-controls{position:absolute;top:5px;right:5px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.admin-haiga-list-item{background-color:#e2e2e2cc;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% - 52px);padding:18px;margin:8px;border-radius:3px}.admin-haiga-list-item-inputs{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}.photo-picker{display:flex;flex-direction:column;gap:10px}.photo-picker-image{display:flex;justify-content:center;align-items:center;max-height:200px;max-width:200px;border-radius:3px;background-size:cover;background-position:center;background-repeat:no-repeat}.photo-picker-selection{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:fit-content;color:#181818;font-family:Roboto,sans-serif}.haiga-editor{display:flex;flex-direction:column;gap:15px}.card{background-color:#e2e2e2bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% - 52px);padding:18px;margin:8px;border-radius:3px}.home-page-editor-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%}.home-page-editor{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:800px;padding:8px 0}.home-page-editor-card-content{display:flex;flex-direction:column;gap:15px;padding:10px}.title-link{font-size:18px;font-weight:700;color:#333}.title-link:hover{text-decoration:underline;cursor:pointer}.blog-post-summary{display:flex;flex-direction:column;gap:4px;color:#333}.blog-post-summary-status{font-size:14px;color:#666;font-weight:400}.editor{width:100%;flex:1;overflow-y:scroll}.tiptap-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:800px;min-height:350px;max-height:calc(100% - 24px);margin:10px;border-radius:3px;border:1px solid rgba(0,0,0,.1);background-color:#0000001a}.tiptap{height:content-fit;margin:10px}.tiptap:focus,.tiptap:active{outline:none}.control-group{width:100%}.button-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:1px solid rgba(0,0,0,.1);width:100%}.button-group button{padding:5px;margin:3px;font-size:14px;background-color:#e8e8e8;color:#373737;border-width:0px}.button-group button.is-active{background-color:#373737;color:#e8e8e8}.button-group button[disabled]{color:#6f6f6f;cursor:not-allowed}.button-group button[disabled]:hover{background-color:#e8e8e8;color:#6f6f6f}.button-group button:hover{background-color:#484848;color:#e8e8e8}.grouped-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#e8e8e8;border-radius:3px;overflow:hidden;margin:5px}.grouped-buttons button{margin:0;border-radius:0}.button-group select{font-size:14px;height:30px;background-color:#e8e8e8;color:#373737;margin:3px;padding:5px;border-radius:3px;border-width:0px}.button-group select:focus,.button-group select:active{outline:none}.button-group select:hover{background-color:#484848;color:#e8e8e8;cursor:pointer}.blog-post-image{width:100px}img{max-width:90%;max-height:100%}.blog-post-editor-status{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;color:#333}.blog-post-editor-status-checkbox{width:16px;height:16px}.blog-post-editor-input-line{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.blog-post-editor-input-line input[type=date]{width:150px}.photography-post-editor-fields{display:flex;flex-direction:column;gap:10px}.photography-post-editor-images{border-radius:3px;border:1px solid rgba(0,0,0,.1);background-color:#0000001a;overflow-y:auto;padding:10px}.photography-post-editor-image-fields{display:flex;flex-direction:row;align-items:center;gap:15px}.photography-post-summary{display:flex;flex-direction:column;gap:10px}.photography-post-summary-images{display:flex;flex-direction:row;gap:10px}.photography-post-summary-image{height:100px;width:100px;border-radius:3px;object-fit:cover}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fff;color:#000}.mobile-menu a{margin:20px;color:#000;transition:opacity .5s;text-align:center;font-size:20px}.mobile-menu .active{font-weight:700}.other-works-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#000;margin:0 20px}.other-works-item h1{margin-top:0}.other-works-date{margin-bottom:20px}.other-works-item-content{width:100%}.other-works-item-content img{display:block;margin-left:auto;margin-right:auto;max-height:80vh}.photography-post-content{color:#000;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0 20px;box-sizing:border-box}.photography-post-header{margin-top:0}.photography-post-subtitle{margin-bottom:30px;font-size:16px;color:#4b4b4b}.photography-post-blurb{margin-bottom:40px}.photography-post-image-container{display:flex;flex-direction:column;width:100%;align-items:center;gap:10px}.photography-post-images{display:flex;flex-direction:column;width:100%;align-items:center;gap:40px}.photography-post-image{//max-width: 100%;width:content-fit;border-radius:3px}.photography-post-image-caption{font-size:16px;color:#4b4b4b}body{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:300;font-style:normal;margin:0;color:#e6e6e6;height:100vh}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/petals_on_ground-3VSH-Fhb.JPG);opacity:.7;z-index:-1;pointer-events:none}.whole-page{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100vh;width:100%}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea{width:400px}input,textarea{padding:5px;border-radius:3px;border:1px solid rgba(0,0,0,.1);background-color:#0000001a;font-family:Courier New,Courier,monospace;font-size:14px}input:focus,input:active,textarea:focus,textarea:active{border:1px solid rgba(0,0,0,.3);outline:none}textarea{height:100px;resize:none}