html,body,.wrapper{height:100%}.site-nav{position:absolute;top:0;bottom:0;left:0;z-index:2}.site-nav .site-nav-logo{position:absolute;top:24px;left:24px;width:44px;height:44px;border:0;color:#fff;font-weight:700;background-color:#333332;text-align:center}.site-nav .site-nav-container{display:none;height:100%;background-color:#333332;overflow:hidden;zoom:1}.site-nav-overlay{display:none;position:absolute;inset:0;z-index:3}.wrapper{height:100%;overflow:hidden;z-index:2}.surface{height:100%}.surface .screen-content{position:relative;height:100%;overflow:hidden}.surface .screen-content .image-home-header-bleed{position:absolute;top:0;left:0;right:0;height:320px}.surface .screen-content .image-home-header-bleed .images-src{position:absolute;inset:0;background-position:center;background-size:cover}.surface .screen-content .image-home-header-bleed .images-src-blur{opacity:0}.surface .screen-content .srolling-region{position:relative;height:100%;overflow:auto}.surface .screen-content .srolling-region .background-white{background-color:rgb(var(--theme-bg))}.surface .screen-content .srolling-region .blog-header{margin:0 auto;max-width:48rem;height:450px;text-align:center;color:#fff}.surface .screen-content .srolling-region header .link-github-con{display:block;margin:16px 0;text-align:center;visibility:visible}.surface .screen-content .srolling-region header .link-github-con a{position:relative;display:inline-block;padding:0 14px;height:32px;line-height:31px;vertical-align:middle;outline:0;color:#ffffffd9;border:1px solid rgba(255,255,255,.5);font-size:12px;font-weight:400;font-style:normal;text-decoration:none;cursor:pointer;border-radius:999em;transition:.1s background-color,.1s border-color,.1s color}.surface .screen-content .srolling-region header .link-github-con a:hover{border:1px solid rgba(255,255,255,.85)}.surface .screen-content .srolling-region .article-container{display:block;margin:0 auto;padding:30px 0 80px;width:640px;min-height:640px;background-color:#fff}.surface .screen-content .srolling-region .article-container h2 a{font-weight:700;font-style:normal;display:block;font-size:28px;line-height:1.1;color:#333332;margin-bottom:4px}.surface .screen-content .srolling-region .article-container p.article-intro{font-weight:200;font-style:normal;font-size:20px;line-height:1.2;color:#666665;margin-bottom:4px}.surface .screen-content .srolling-region .article-container p.post-date{color:#b3b3b1;font-size:12px}.surface .screen-content .srolling-region .article-container div{display:block;padding:30px 0;word-wrap:break-word}.surface .screen-content .srolling-region .book-container{display:none;margin:0 auto;padding:75px 0 25px;width:640px;overflow:hidden}.surface .screen-content .srolling-region .book-container .book-container-header{word-wrap:break-word;padding:10px 0 10px 50px;border:1px solid #eee;color:#333;background:#fafafa}.surface .screen-content .srolling-region .book-container .book-item{border-top:1px dashed #ccc;overflow:hidden;font-size:13px}.surface .screen-content .srolling-region .book-container .book-img-container{float:left;padding-top:10px;width:120px;text-align:center}.surface .screen-content .srolling-region .book-container .book-img-container img{max-width:100px}.surface .screen-content .srolling-region .book-container .info-container{float:left}.surface .screen-content .srolling-region .book-container .info-container p{line-height:24px}.surface .screen-content .srolling-region .book-container .info-container p span{color:#666}.surface .screen-content .srolling-region .book-container .info-container p a{color:#265778}.surface .screen-content .srolling-region .aboutme-container{display:none;margin:0 auto;padding:100px 0 0;width:640px;min-height:640px;background-color:#fff}.surface .screen-content .srolling-region .aboutme-container .photo-container{float:left;width:31%;height:340px;overflow:hidden}.surface .screen-content .srolling-region .aboutme-container .photo-container img{width:100%;height:100%}.surface .screen-content .srolling-region .aboutme-container .my-info{float:left;padding:0 0 0 6%;width:63%}.surface .screen-content .srolling-region .aboutme-container .my-info h3{display:block;height:64px;color:#333332;font-weight:600;font-size:24px;line-height:64px}.surface .screen-content .srolling-region .aboutme-container .my-info h4{display:block;height:48px;color:#333332;font-weight:500;font-size:18px;line-height:48px}.surface .screen-content .srolling-region .aboutme-container .my-info p{color:#b3b3b1;font-size:14px}.surface .screen-content .srolling-region .aboutme-container .my-info p:nth-child(2),.surface .screen-content .srolling-region .aboutme-container .my-info p:nth-child(3){padding:0 0 10px;line-height:1.8}.surface .screen-content .srolling-region .article{margin:0 auto;padding:30px 0 80px;width:640px;min-height:640px}.button-transition{transition:opacity .3s linear .2s}.container-transition{transition:all .2s cubic-bezier(.2,.3,.25,.9)}.m-site-logo-bar{display:none}.site-list-item li:first-child{margin:10px 0 0}.site-list-item li:last-child{margin:0 0 10px}.site-list-item .list-item-btn{display:block;padding:0 16px 0 52px;line-height:46px;height:42px;background:rgba(0,0,0,0);color:#fff;font-size:14px;font-weight:600;text-align:left}.surface .screen-content .srolling-region .blog-header{height:264px;overflow:hidden;zoom:1}.surface .screen-content .srolling-region .blog-header .blog-title{display:block;margin:160px 0 0;text-align:center;font-size:36px;font-weight:800}.page-nav{margin:0 auto;max-width:48rem;height:56px}.page-nav ul{border-top:1px solid #b3b3b1}.page-nav li{display:inline-block;width:114px}.page-nav li a{display:block;color:#b3b3b1;font-weight:600;font-size:12px;line-height:56px;text-align:center}.page-nav li a:hover{color:#fff}.page-nav li .hover{border-top:1px solid #fff;color:#fff}.footer{margin:0 auto;padding:10px 0 25px;width:640px;background-color:#fff;border-top:1px solid #f2f2f0}.footer a{display:inline-block;width:96px;color:#b3b3b1;font-size:12px;text-align:left;zoom:1}.footer a:hover{text-decoration:underline}.site-nav-transition .site-nav{z-index:-1}.site-nav-transition .site-nav-logo{display:none}.site-nav-transition .site-nav-container{display:block;width:280px}.site-nav-transition .wrapper{transform:translate3d(280px,0,0)}.site-nav-drawer-open .site-nav{z-index:2}.site-nav-drawer-open .site-nav .site-nav-logo{opacity:0}.site-nav-drawer-open .site-nav .site-nav-container{display:block;width:280px}.site-nav-drawer-open .site-nav-overlay{display:block;left:280px}.site-nav-drawer-open .wrapper{position:fixed;inset:0}@media screen and (max-width: 600px){html,body,wrapper{height:auto}wrapper,.surface .screen-content{overflow:auto}.images-src-blur{display:none;background:none}.surface .screen-content .srolling-region header,.surface .screen-content .srolling-region .article-container,.surface .screen-content .srolling-region .book-container,.surface .screen-content .srolling-region .aboutme-container,.surface .screen-content .srolling-region .article,.footer{width:100%}.page-nav{padding:0 1rem}.site-nav,.site-nav .site-nav-logo,.site-nav .site-nav-container{display:none}.site-list-item li{border-top:1px solid #4c4c4c}.site-list-item li:first-child{margin:0}.m-site-logo-bar{position:relative;display:block;height:42px}.m-site-nav-logo,.site-nav-overlay{display:none}}@media screen and (min-width: 640px){.text-accent:where(.astro-D3NGRCST){color:rgb(var(--theme-accent-3) / 1)}.sm\:divide-accent:where(.astro-D3NGRCST)>:not([hidden]):where(.astro-D3NGRCST)~:not([hidden]):where(.astro-D3NGRCST){--tw-divide-opacity: 1;border-color:rgb(var(--theme-accent-3) / var(--tw-divide-opacity))}}wrapper:where(.astro-5HCE7SGA){margin-left:auto;margin-right:auto;display:flex;height:100%;max-width:48rem;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(var(--theme-bg) / var(--tw-bg-opacity));padding-left:2rem;padding-right:2rem;padding-top:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;font-weight:400;color:rgb(var(--theme-text) / 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}