*{box-sizing:border-box;font-family:myfont;margin:0;padding:0;text-decoration:none}#root,body,html{height:100%}body{background-color:#eae5e4}.MainContent{flex-grow:1}.App{display:grid;grid-template-columns:280px 1fr;height:100vh;transition:grid-template-columns .4s ease-in-out}.App.nav-collapsed{grid-template-columns:0 1fr}.MainContent{overflow-y:auto;padding:50px}.Layout{background-color:#5b504b;height:auto;width:150px}.Layout nav{text-align:center}.Layout nav ul li{list-style-type:none;margin:0 0 .5rem}.Layout nav ul li a{color:#eae5e4}ul{list-style:none;margin:0;padding:0}.menu-item-title{align-items:center;cursor:pointer;display:flex;padding:10px 0}.menu-item-title a,.menu-item-title span{color:#fffc;font-size:1rem;text-decoration:none;transition:color .3s ease}.menu-item-title:hover .menu-item-arrow,.menu-item-title:hover a,.menu-item-title:hover span{color:#fff}.menu-item-arrow{color:#fffc;margin-left:8px;transition:transform .4s ease-in-out,color .3s ease}.submenu{max-height:0;overflow:hidden;padding-left:20px;transition:max-height .4s ease-in-out}li.is-open .menu-item-arrow{transform:rotate(180deg)}li.is-open .submenu{max-height:1000px}.Head{align-items:center;display:flex;flex-direction:column;font-family:myfont;height:250px;justify-content:center;margin:.5rem 0 1rem;width:250px}.Head img{border-radius:50%;height:144px;margin:.5rem 0;object-fit:cover;width:144px}h1{font-size:24px;font-weight:400}p{color:#eae5e4}.Info{margin-top:auto;padding:30px 20px}.Info>div{align-items:center;display:flex}.Info>div:not(:last-child){margin-bottom:15px}.Info img{height:20px;margin-right:10px;width:20px}.Info p{font-family:myfont;font-size:14px;-webkit-user-select:text;user-select:text}.Info p,.Nav{color:#eae5e4}.Nav{align-items:center;background-color:#5b504b;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;padding-top:30px;position:relative;transition:transform .4s ease-in-out;width:280px}.Nav.is-collapsed{transform:translateX(-100%)}.Nav.is-collapsed>:not(.Nav__toggle){opacity:0;transition:opacity .2s ease}.Nav__content-wrapper{align-items:center;display:flex;flex-direction:column;overflow-y:auto}.Nav__toggle{background-color:#5b504b;border-radius:0 60px 60px 0;cursor:pointer;height:100px;left:105%;position:absolute;top:90px;transform:translateX(-50%);transition:background-color .3s ease;transition:transform .4s ease,background-color .3s ease;width:50px}.Nav__toggle:hover{background-color:#4d443f}.Nav__toggle:after{background-color:#eae5e4;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform .4s ease;width:8px}.Layout{margin-top:40px}.Layout ul{list-style:none;padding:0}.Layout ul li{margin-bottom:20px}.Layout ul li a{color:#eae5e4;font-size:1rem;transition:color .3s ease}.Layout ul li a:hover{color:#fff}.Nav.is-collapsed .Nav__toggle:after{transform:translate(-50%,-50%) rotate(-135deg)}.Nav__content-wrapper{scrollbar-color:#eae5e4 #5b504b;scrollbar-width:thin}.Nav__content-wrapper::-webkit-scrollbar{width:6px}.Nav__content-wrapper::-webkit-scrollbar-track{background:#0000;margin:5px 0}.Nav__content-wrapper::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#eae5e480;border:1px solid #0000;border-radius:10px}.Nav__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:#eae5e4cc}@font-face{font-family:myfont;src:url(/static/media/NotoSerifTC-Medium.502136c0097d88fe447c.ttf)}.page-header{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:40px}.page-title{color:#5b504b;font-family:myfont;font-size:2rem;font-weight:300;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.page-underline{background-color:#fff;height:3px;width:100%}.image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);transition:grid-template-columns .4s ease-in-out}.image-grid-item{aspect-ratio:1/1;width:100%}.image-grid-item img{border-radius:4px;height:100%;object-fit:cover;transition:all .2s ease-in-out;width:100%}.image-grid-item img:hover{cursor:pointer;scale:1.05}.lightbox-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000c;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:5vh 5vw;position:fixed;top:0;width:100%;z-index:1000}.lightbox-content{-webkit-overflow-scrolling:touch;box-shadow:0 10px 30px #00000080;max-height:100%;max-width:100%;overflow:auto}.lightbox-content img{display:block;height:auto;max-width:1200px;width:auto}.lightbox-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:3rem;line-height:1;position:absolute;right:30px;top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.028176cc.css.map*/