*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}main{color:#e6e6e6;background-color:#252729}h1{margin-bottom:.6rem;color:#fff}h2{margin-top:.9rem;margin-bottom:.3rem;color:#fff}a{color:#fff;text-decoration:none}a:hover{color:gray}.active{color:rgba(255,218,43,.4)!important}p,ul,.base{margin-top:.3rem;margin-bottom:.3rem}li{margin-left:1rem}.header{color:#fff;background-color:#252729;box-sizing:border-box;position:fixed;top:0;left:0;right:0;height:100px;background-color:#252729}@media only screen and (max-width:780px){.header{box-sizing:border-box;position:fixed;top:0;left:0;right:0;height:60px;background-color:#252729;font-size:1.2rem!important}}@media only screen and (max-width:780px) and (orientation:portrait){.header{font-size:1.1rem!important}}.nav-menu{margin:0;display:flex;flex-direction:column;justify-content:space-evenly}.nav-menu li{margin-left:0!important}.nav-menu .nav-menu-top,.nav-menu .nav-menu-bottom{margin:0;padding-left:10px;padding-right:10px;display:flex;justify-content:space-between;align-items:baseline;list-style:none}.nav-menu .nav-title{font-size:2.4rem;font-weight:600;color:#ffda2b}@media only screen and (max-width:780px){.nav-menu .nav-title{font-size:1.4rem!important}}.nav-menu .nav-link{text-decoration:none;font-size:1.6rem;font-weight:600;color:#ffda2b}@media only screen and (max-width:780px){.nav-menu .nav-link{font-size:1rem!important}}.nav-menu .nav-link:hover{color:gray}.debug{display:none}.hidden{display:none}body{margin:0;padding:0;overflow:hidden;box-sizing:border-box}html,body{z-index:1;scrollbar-color:lightgray transparent;scrollbar-width:thin}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:1rem}h1{font-size:1.2rem}h2{font-size:1.1rem}.detail{box-sizing:border-box;padding:10px}.cvcol{display:grid;grid-template-columns:100px 1fr}.cvcol>div{padding-top:5px;padding-bottom:5px}.singlecol{display:grid;grid-template-columns:100%}.singlecol>div{padding-top:5px}.small-font{font-size:.9rem}.bold-font{font-weight:800}figcaption{font-size:.9rem}figcaption .small{font-size:.6rem}.icon-button{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:95px;height:95px;background-color:rgba(255,255,255,0);color:#fff;text-align:center;font-size:.8rem;border:none;border-radius:6px;cursor:pointer}.icon-button a{border-radius:6px;display:block}figure{position:relative;box-sizing:border-box}figure figcaption{position:absolute;bottom:0;left:0;color:#fff;text-align:left;width:100%;padding:0 5px;background-color:rgba(0,0,0,.3)}.image-button{position:relative;box-sizing:border-box;width:200px;height:200px;background-color:#fff;border:none;border-radius:6px;cursor:pointer}.image-button img{border-radius:6px;display:block}.image-button:hover{background-color:#d3d3d3}.image-button .text-overlay{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;width:100%;padding:0;background-color:rgba(0,0,0,.4)}.description-images{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:10px}.description-images img{width:100%;height:auto;object-fit:cover;display:block}@media(max-width:799px){.description-images{grid-template-columns:1fr!important}}.photo img{border-radius:6px}.home-container{width:100%;height:100vh;overflow-x:hidden;overflow-y:scroll;padding:2rem}@media(orientation:landscape){.main aside .flex-grid-1{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:10px 10px;padding:10px;width:100%}.main aside .flex-grid{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:10px 10px;padding:10px;width:100%;flex-direction:row;flex-wrap:wrap;width:220px}}@media(orientation:landscape){.main{width:100vw;display:flex;flex-direction:row;align-items:flex-start;margin-top:100px}}@media only screen and (orientation:landscape) and (max-width:780px){.main{margin-top:60px!important}}@media(orientation:landscape){.main aside{width:220px;height:calc(100vh - 100px);overflow-x:hidden;overflow-y:scroll}}@media only screen and (orientation:landscape) and (max-width:780px){.main aside{width:220px;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:scroll}}@media(orientation:landscape){.main .detail{width:calc(100vw - 220px);height:calc(100vh - 100px);overflow-x:hidden;overflow-y:scroll}}@media only screen and (orientation:landscape) and (max-width:780px){.main .detail{width:calc(100vw - 220px);height:calc(100vh - 60px);overflow-x:hidden;overflow-y:scroll}}@media(orientation:portrait){.main aside .flex-grid-1{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:10px 10px;padding:10px;height:220px}.main aside .flex-grid{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px 10px;padding:10px;height:220px;width:100%}}@media(orientation:portrait){.main{width:100vw;display:flex;flex-direction:column;align-items:flex-start;margin-top:100px}}@media only screen and (orientation:portrait) and (max-width:780px){.main{margin-top:60px!important}}@media(orientation:portrait){.main aside{width:100vw;height:220px;overflow-x:scroll;overflow-y:hidden}.main .detail{width:100vw;height:calc(100vh - 220px - 60px);overflow-x:hidden;overflow-y:scroll}}