.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}.route-loading{display:flex;width:100%;align-items:center;justify-content:center;padding:2rem}.content{display:flex;width:100%;flex-grow:1;overflow-y:auto}.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}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;max-width:400px;margin:80px auto 0;padding:32px 40px;border-radius:8px;background-color:#f2efe9;color:#181818;box-shadow:0 4px 16px #0006;font-family:Roboto,sans-serif;font-size:16px;text-align:center}.error-boundary-reload{padding:8px 20px;border:none;border-radius:4px;background-color:#6d3513ee;color:#fff;font-family:Roboto,sans-serif;font-size:16px;cursor:pointer}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}