@import"https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Spectral&display=swap";body,html{width:-webkit-fill-available;width:stretch;padding:0;background-color:#fcfcfc;margin:0;height:auto;font-family:Poppins,sans-serif}.text-justify{text-align:justify!important}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}h1{font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;padding:0;margin:0;line-height:1.7;color:rgba(0,0,0,.8)}h2{font-size:20px;margin:56px 0 24px;color:#36f}h2,h4{font-style:normal;font-weight:500;padding:0;line-height:1.7}h4{margin:24px 0 20px;font-size:16px;display:flex;align-items:center;color:rgba(51,102,255,.8)}p{margin:0;padding:0}p.menu{font-style:normal;font-weight:400;font-size:14px;color:rgba(0,0,0,.8);line-height:1.7}p.body{font-size:16px;line-height:1.75}p.body,p.footerText,p.seeMore{font-style:normal;font-weight:400;color:rgba(0,0,0,.6)}p.footerText,p.seeMore{font-size:14px;line-height:20px;display:flex;align-items:center}span{width:-moz-fit-content;width:fit-content}a.link,a.seeMore{color:rgba(0,0,0,.6)}a.seeMore{text-decoration:none;font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center}a.projectCTAs,a.seeMore:hover{color:rgba(0,0,0,.8)}a.projectCTAs{font-style:normal;font-weight:400;font-size:14px;line-height:150%}a{text-decoration:none;color:rgba(0,0,0,.6)}::-webkit-scrollbar{width:0;border-radius:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{border-radius:5px;background:#0b0c0e}::-webkit-scrollbar-thumb:hover{background:#36f}.writing-content img{display:block!important;width:100%;max-width:720px!important;height:auto}.writing-content p,.writing-content span{font-family:Spectral,serif;font-style:normal;font-weight:400;font-size:18px;line-height:1.8;color:rgba(0,0,0,.8)}.writing-content h1{padding:0;margin:24px 0}.writing-content h1,.writing-content h1 span{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:20px!important;line-height:1.7!important;color:#36f!important}.writing-content h2{margin:20px 0 12px;padding:0}.writing-content h2,.writing-content h2 span{font-family:Poppins,sans-serif!important;font-style:normal;font-weight:500;font-size:16px;line-height:1.7;display:flex;align-items:center;color:rgba(51,102,255,.8)}.profile{position:relative}.bodyMain{height:100vh;width:100%;overflow-y:scroll}.container-main-full-width{width:inherit;height:inherit;overflow:hidden}.dm-container{position:absolute;justify-content:center;align-items:center;width:50px;z-index:-1;height:50px}.dm-container,.dm-mode{display:flex;left:0;top:0}.dm-mode{position:relative;transform:scale(0);right:0;bottom:0;width:250vw;height:600vh;border-radius:50%;background-color:#292929;flex:0 0 auto}.dm-mode,.dm-mode.active{transition:1s ease-in-out}.dm-mode.active{transform:scale(1)}@media screen and (max-width:860px){.dm-mode{width:1000vh;height:1000vh}.dm-mode,.dm-mode.active{transition:2s ease-in-out}}.container-main{width:720px;min-width:340px;margin:0 auto;padding-top:60px}.container-main .nav-main{justify-content:space-between;width:100%}.container-main .nav-main,.container-main .nav-main .profile{display:flex;align-items:center}.container-main .nav-main .profile .image{height:50px;width:50px;overflow:hidden;cursor:pointer}.container-main .nav-main .profile .info{margin-left:20px}.container-main .nav-main .mobileMenu{display:none}.container-main .nav-main .nav-items{display:flex}.container-main .nav-main .nav-items p{margin-left:24px;cursor:pointer;height:-moz-fit-content;height:fit-content}.container-main .nav-main .nav-items p.active,.container-main .nav-main .nav-items p:hover{border-bottom:1px solid #36f}.container-main .container-routing{margin-top:56px}.container-main .footer{margin-top:56px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.container-main .footer .right{cursor:pointer}.container-main .footer .right:hover{text-decoration:underline}@media(max-width:720px){.container-main{width:90%;padding:24px 16px 0}.container-main .nav-main{display:flex;justify-content:space-between;width:100%}.container-main .nav-main .profile{display:flex;align-items:center}.container-main .nav-main .profile .info{margin-left:10px}.container-main .nav-main .profile .info div{margin-top:2px}.container-main .nav-main .mobileMenu{display:block;position:relative}.container-main .nav-main .mobileMenu .menuIcon{width:24px;height:24px}.container-main .nav-main .mobileMenu .menuOptions{margin-top:12px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);border-radius:4px;padding:6px 0;position:absolute;left:-110px}.container-main .nav-main .mobileMenu .menuOptions .option-item{width:120px;padding-left:16px;height:36px;font-style:normal;font-weight:400;font-size:14px;line-height:150%;display:flex;align-items:center;color:rgba(0,0,0,.8)}.container-main .nav-main .nav-items{display:none}.container-main .container-routing{margin-top:48px}}.home-container .cat-image{width:100px;height:auto;z-index:0}.home-container .cat-image.gif,.home-container .cat-image.look{display:block}.home-container .desc{margin-top:0}.home-container .desc .internalLink{text-decoration:underline}.home-container p.body.contact-me{margin-top:24px}.home-container p.body.contact-me .linkedin:hover,.home-container p.body.contact-me .mail:hover{color:#000;border-bottom:1px solid #000}.home-container p.body.contact-me .linkedin,.home-container p.body.contact-me .mail{cursor:pointer;color:rgba(0,0,0,.8);border-bottom:1px solid rgba(0,0,0,.8)}.home-container .project-section{margin-top:56px}.home-container .project-section .project-item{margin-bottom:12px}.home-container .project-section .project-item .project-title{cursor:pointer}.home-container .project-section .project-item .project-title:hover{border-bottom:1px solid #36f}.home-container .project-section .project-item .project-title{border-bottom:1px solid rgba(0,0,0,.6)}.home-container .project-section .project-item .desc{margin-left:8px}.home-container .project-section a.seeMore{cursor:pointer;display:flex;align-items:center;margin-top:20px}.home-container .project-section a.seeMore span{height:20px}.home-container .project-section a.seeMore span.moreIcon{margin-left:4px}.home-container .project-section a.seeMore{width:-moz-fit-content;width:fit-content}.home-container .post{margin-top:56px}.home-container .post h2{margin-bottom:24px}.home-container .post a.seeMore{cursor:pointer;display:flex;align-items:center;margin-top:20px}.home-container .post a.seeMore span{height:20px}.home-container .post a.seeMore span.moreIcon{margin-left:4px}.home-container .post .post-item,.home-container .post a.seeMore{width:-moz-fit-content;width:fit-content}.home-container .post .post-item{cursor:pointer;margin-bottom:12px}.home-container .post .post-item span{text-decoration:none;position:relative;border-bottom:1px solid rgba(0,0,0,.6)}.home-container .post .post-item span:hover{border-bottom:1px solid #36f}.home-container .experiences{margin-top:56px}.home-container .experiences h2{margin-bottom:32px}.home-container .experiences .experience-item{width:100%;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,.08)}.home-container .experiences .experience-item:last-of-type{border-bottom:none}.home-container .experiences .experience-item .experience-header{margin-bottom:16px}.home-container .experiences .experience-item .experience-header .experience-title{font-size:20px;font-weight:600;margin:0 0 4px;color:rgba(0,0,0,.9)}.home-container .experiences .experience-item .experience-header .experience-company{font-size:16px;font-weight:500;margin:0 0 4px;color:rgba(0,0,0,.7)}.home-container .experiences .experience-item .experience-header .experience-period{font-size:14px;margin:0;color:rgba(0,0,0,.5)}.home-container .experiences .experience-item .experience-details{margin:0;padding-left:20px;list-style-type:disc}.home-container .experiences .experience-item .experience-details li{font-size:16px;line-height:1.7;color:rgba(0,0,0,.8);margin-bottom:12px}.home-container .experiences .experience-item .experience-details li:last-child{margin-bottom:0}.home-container .experiences .experience-item a:hover{border-bottom:1px solid rgba(51,102,255,.8)}.home-container .experiences a.seeMore{cursor:pointer;display:flex;align-items:center;margin-top:20px}.home-container .experiences a.seeMore span{height:20px}.home-container .experiences a.seeMore span.moreIcon{margin-left:4px}.home-container .experiences a.seeMore,.home-container .show-more-btn{width:-moz-fit-content;width:fit-content}.home-container .show-more-btn{margin:0 auto 30px;border:1px solid #36f;cursor:pointer;box-sizing:border-box;border-radius:4px;font-style:normal;font-weight:700;font-size:14px;color:#36f;padding:10px 20px}@media(max-width:720px){.home-container{width:100%;margin:0 auto;padding:0}.home-container .desc{margin-top:0}.home-container p.body.contact-me{margin-top:24px}.home-container p.body.contact-me .linkedin:hover,.home-container p.body.contact-me .mail:hover{color:#000;border-bottom:1px solid #000}.home-container p.body.contact-me .linkedin,.home-container p.body.contact-me .mail{cursor:pointer;color:rgba(0,0,0,.8);border-bottom:1px solid rgba(0,0,0,.8)}.home-container .project-section{margin-top:56px}.home-container .project-section h2{margin-bottom:24px}.home-container .project-section .project-item{margin-bottom:12px}.home-container .project-section .project-item .project-title{cursor:pointer}.home-container .project-section .project-item .project-title:hover{border-bottom:1px solid #36f}.home-container .project-section .project-item .project-title{border-bottom:1px solid rgba(0,0,0,.6)}.home-container .project-section .project-item .desc{margin-left:8px}.home-container .project-section a.seeMore{cursor:pointer;display:flex;align-items:center;margin-top:20px}.home-container .project-section a.seeMore span{height:20px}.home-container .project-section a.seeMore span.moreIcon{margin-left:4px}.home-container .project-section a.seeMore{width:-moz-fit-content;width:fit-content}.home-container .post{margin-top:56px}.home-container .post h2{margin-bottom:24px}.home-container .post a.seeMore{cursor:pointer;display:flex;align-items:center;margin-top:20px}.home-container .post a.seeMore span{height:20px}.home-container .post a.seeMore span.moreIcon{margin-left:4px}.home-container .post .post-item,.home-container .post a.seeMore{width:-moz-fit-content;width:fit-content}.home-container .post .post-item{cursor:pointer;margin-bottom:12px}.home-container .post .post-item span{text-decoration:none;position:relative;border-bottom:1px solid rgba(0,0,0,.6)}.home-container .post .post-item span:hover{border-bottom:1px solid #36f}.home-container .experiences{margin-top:56px}.home-container .experiences h2{margin-bottom:32px}.home-container .experiences .experience-item{width:100%;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.08)}.home-container .experiences .experience-item:last-of-type{border-bottom:none}.home-container .experiences .experience-item .experience-header{margin-bottom:14px}.home-container .experiences .experience-item .experience-header .experience-title{font-size:18px;font-weight:600;margin:0 0 4px;color:rgba(0,0,0,.9)}.home-container .experiences .experience-item .experience-header .experience-company{font-size:15px;font-weight:500;margin:0 0 4px;color:rgba(0,0,0,.7)}.home-container .experiences .experience-item .experience-header .experience-period{font-size:13px;margin:0;color:rgba(0,0,0,.5)}.home-container .experiences .experience-item .experience-details{margin:0;padding-left:18px;list-style-type:disc}.home-container .experiences .experience-item .experience-details li{font-size:15px;line-height:1.7;color:rgba(0,0,0,.8);margin-bottom:10px}.home-container .experiences .experience-item .experience-details li:last-child{margin-bottom:0}.home-container .experiences a.seeMore{cursor:pointer;display:flex;align-items:center;margin-top:20px}.home-container .experiences a.seeMore span{height:20px}.home-container .experiences a.seeMore span.moreIcon{margin-left:4px}.home-container .experiences a.seeMore,.home-container .show-more-btn{width:-moz-fit-content;width:fit-content}.home-container .show-more-btn{margin:0 auto 30px;border:1px solid #36f;cursor:pointer;box-sizing:border-box;border-radius:4px;font-style:normal;font-weight:700;font-size:14px;color:#36f;padding:10px 20px}}body.dark-mode .home-container .experiences .experience-item{border-bottom-color:hsla(0,0%,100%,.08)}body.dark-mode .home-container .experiences .experience-item .experience-header .experience-title{color:hsla(0,0%,100%,.9)}body.dark-mode .home-container .experiences .experience-item .experience-header .experience-company{color:hsla(0,0%,100%,.7)}body.dark-mode .home-container .experiences .experience-item .experience-header .experience-period{color:hsla(0,0%,100%,.5)}body.dark-mode .home-container .experiences .experience-item .experience-details li{color:hsla(0,0%,100%,.8)}.home-container{width:100%;margin:0 auto;padding:0}.home-container .project-section{margin-top:0}.home-container .project-section h2{font-weight:500;font-size:20px;line-height:150%;margin-bottom:24px}.home-container .project-section .projectCard{margin-bottom:32px;padding:0;border:none;background:rgba(0,0,0,0)}.home-container .project-section .projectCard:hover .project-title{color:#36f}.home-container .project-section .projectCard .project-item{margin-bottom:12px}.home-container .project-section .projectCard .project-item .project-title{cursor:pointer;color:rgba(0,0,0,.8);font-weight:500;font-size:16px;transition:color .15s ease;display:inline-block;border-bottom:1px solid rgba(0,0,0,.6)}.home-container .project-section .projectCard .project-item .project-title:hover{color:#36f;border-bottom-color:#36f}.home-container .project-section .projectCard .project-item .desc{margin-left:8px;color:rgba(0,0,0,.6);line-height:1.75}.home-container .project-section .projectCard .CTAs{display:flex;align-items:center;gap:16px;margin-top:8px}.home-container .project-section .projectCard .CTAs a{margin-right:0}.home-container .project-section .projectCard .CTAs .state{display:none}.home-container .project-section .projectCard .CTAs .git,.home-container .project-section .projectCard .CTAs .web{display:none;color:rgba(0,0,0,.6);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.6);transition:color .15s ease,border-color .15s ease}.home-container .project-section .projectCard .CTAs .git:hover,.home-container .project-section .projectCard .CTAs .web:hover{color:#36f;border-bottom-color:#36f}.home-container .project-section .projectCard .CTAs .git.active,.home-container .project-section .projectCard .CTAs .web.active{display:inline-block}@media(max-width:720px){.home-container{width:100%;margin:0 auto;padding:0}}.writing-container{width:100%;margin:0 auto;padding:0}.writing-container .post{margin-top:0}.writing-container .post h2{margin-bottom:32px}.writing-container .post .timeless{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,.08)}.writing-container .post .timeless .post-item{display:block;margin-bottom:8px}.writing-container .post .year-section{margin-bottom:24px}.writing-container .post .year-section h4{font-size:14px;font-weight:600;color:rgba(0,0,0,.8);margin-bottom:24px;margin-top:32px}.res-container{width:100%;margin:0 auto;padding:0}.res-container h2{padding:0;margin:0 0 24px}.res-container a{text-decoration:underline;color:rgba(0,0,255,.8)}.res-container p{font-family:Spectral,serif;font-style:normal;color:rgba(0,0,0,.8);font-weight:400;font-size:16px;line-height:1.8}.res-container ol{margin-bottom:20px}.res-container ol li{font-family:Spectral,serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.8;color:rgba(0,0,0,.8);margin:4px 0}.thoughts{width:100%;margin:0 auto;padding:0}.thoughts h2{padding:0;margin:0 0 24px}.thoughts blockquote{border-left:5px solid #d0d0d0;padding-left:20px;width:90%}.thoughts blockquote p{margin-top:10px;line-height:1.8}@media(max-width:720px){.res-container{width:100%;margin:0 auto;padding:0}.res-container h2{padding:0;margin:0 0 24px}.res-container blockquote{border-left:5px solid #d0d0d0;padding-left:20px;width:80%}.res-container blockquote p{margin-top:10px}.writing-container{width:100%}}body.dark-mode .writing-container .post h2{color:hsla(0,0%,100%,.9)}body.dark-mode .writing-container .post .timeless{border-bottom-color:hsla(0,0%,100%,.08)}body.dark-mode .writing-container .post .timeless .post-item,body.dark-mode .writing-container .post .timeless h4{color:hsla(0,0%,100%,.8)}body.dark-mode .writing-container .post .timeless .post-item:hover{color:hsla(0,0%,100%,.5)}body.dark-mode .writing-container .post .year-section h4{color:hsla(0,0%,100%,.8)}.skeleton-title{height:30px}.skeleton-description,.skeleton-title{width:100%;background:#f0f0f0;border-radius:var(--borderRadius);position:relative;overflow:hidden}.skeleton-description{height:60px}.skeleton-box{height:100%}.skeleton-box,.skeleton-paragraph{width:100%;background:#f0f0f0;border-radius:4px;position:relative;overflow:hidden}.skeleton-paragraph{height:20px}.skeleton-image{width:170px;height:130px;position:relative;overflow:hidden;background:#f0f0f0;border:.737881px solid #e8e8e8}.skeleton-box:before,.skeleton-description:before,.skeleton-image:before,.skeleton-paragraph:before,.skeleton-title:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,#f0f0f0,rgba(0,0,0,.1) 20%,#f0f0f0 40%,#f0f0f0);background-repeat:no-repeat;background-size:450px 450px;animation:shimmer 1s linear infinite}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}.writing-post-container{width:100%}.writing-post-container .test{font-family:Spectral,serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:150%!important;color:rgba(0,0,0,.8)!important}.writing-post-container{margin:0 auto;overflow-wrap:break-word!important}.writing-post-container .CTAs{display:flex;height:20px;align-items:center;justify-content:space-between;margin-top:28px;font-style:normal;font-weight:400;font-size:14px;color:rgba(0,0,0,.6);line-height:20px;margin-bottom:24px}.writing-post-container .CTAs .next-prev span.left{margin-right:20px}.writing-post-container .CTAs .next-prev span{cursor:pointer;width:20px;height:20px}.writing-post-container .CTAs .next-top{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;height:20px}.writing-post-container .CTAs .next-top .next{cursor:pointer}.writing-post-container .CTAs .next-top .next .text{margin-right:8px}.writing-post-container .CTAs .next-top .next{display:flex;align-items:center;margin-right:36px}.writing-post-container .CTAs .next-top .top .text{margin-right:8px}.writing-post-container .CTAs .allPostsBtn,.writing-post-container .CTAs .next-top .top{cursor:pointer;display:flex;align-items:center}.writing-post-container .CTAs .allPostsBtn .icon{width:20px;height:20px;margin-right:8px}.writing-post-container .post-header{margin-top:32px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.1)}.writing-post-container .post-header .post-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:40px;font-weight:700;line-height:1.25;margin:0 0 12px;color:rgba(0,0,0,.9);letter-spacing:-.02em}.writing-post-container .post-header .post-date{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:rgba(0,0,0,.6);font-style:normal;margin:0;line-height:1.6;font-weight:400}.writing-post-container .writing-content{font-family:Lora,Georgia,Times New Roman,serif;font-size:24px;color:rgba(0,0,0,.84)}.writing-post-container .writing-content div,.writing-post-container .writing-content p,.writing-post-container .writing-content span{line-height:1.7!important}.writing-post-container .writing-content h1,.writing-post-container .writing-content h2,.writing-post-container .writing-content h3,.writing-post-container .writing-content h4,.writing-post-container .writing-content h5,.writing-post-container .writing-content h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-top:40px;margin-bottom:16px;font-weight:700;line-height:1.3!important;color:rgba(0,0,0,.9);letter-spacing:-.02em}.writing-post-container .writing-content h1{font-size:32px}.writing-post-container .writing-content h2{font-size:28px}.writing-post-container .writing-content h3{font-size:24px}.writing-post-container .writing-content h4{font-size:20px}.writing-post-container .writing-content p{margin-bottom:28px;line-height:1.7}.writing-post-container .writing-content pre{background-color:rgba(0,0,0,.05);border-radius:4px;padding:16px;overflow-x:auto;margin:16px 0}.writing-post-container .writing-content pre code{background-color:rgba(0,0,0,0);padding:0;font-size:14px;line-height:1.6}.writing-post-container .writing-content code{background-color:rgba(0,0,0,.05);padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:14px}.writing-post-container .writing-content blockquote{border-left:3px solid rgba(0,0,0,.84);padding-left:20px;margin:28px 0;color:rgba(0,0,0,.84);font-style:italic;font-size:23px}.writing-post-container .writing-content blockquote p{margin:0;line-height:1.58}.writing-post-container .writing-content ol,.writing-post-container .writing-content ul{margin:28px 0;padding-left:32px}.writing-post-container .writing-content ol li,.writing-post-container .writing-content ul li{margin-bottom:12px;line-height:1.7;padding-left:8px}.writing-post-container .writing-content a{color:#36f;text-decoration:none;border-bottom:1px solid rgba(51,102,255,.3);transition:border-bottom-color .2s}.writing-post-container .writing-content a:hover{border-bottom-color:#36f}.writing-post-container .writing-content table{width:100%;border-collapse:collapse;margin:16px 0}.writing-post-container .writing-content table td,.writing-post-container .writing-content table th{border:1px solid rgba(0,0,0,.1);padding:8px 12px;text-align:left}.writing-post-container .writing-content table th{background-color:rgba(0,0,0,.05);font-weight:600}.writing-post-container .writing-content hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:24px 0}.writing-post-container .writing-content img{max-width:100%;height:auto;border-radius:4px;margin:16px 0}.writing-post-container .writing-content .ytVid{width:90%;height:400px;margin:20px auto}.writing-post-container .writing-content .ytVid iframe{border-radius:4px}@media(max-width:720px){.writing-post-container .writing-content .ytVid{width:100%;height:300px}}.writing-post-container .writing-content .external-link-container{margin-top:40px;padding:32px;background-color:rgba(0,0,0,.02);border-radius:8px;border:1px solid rgba(0,0,0,.08);text-align:center}.writing-post-container .writing-content .external-link-container p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:rgba(0,0,0,.7);margin-bottom:20px;line-height:1.5!important}.writing-post-container .writing-content .external-link-container .external-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:rgba(0,0,0,.9);color:#fff!important;border-radius:6px;text-decoration:none;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease}.writing-post-container .writing-content .external-link-container .external-link span{color:#fff!important}.writing-post-container .writing-content .external-link-container .external-link svg{width:20px;height:20px}.writing-post-container .writing-content .external-link-container .external-link svg path{fill:#fff}.writing-post-container .writing-content .external-link-container .external-link:hover{background-color:rgba(0,0,0,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.writing-post-container .writing-content .external-link-container .external-link.medium-link{background-color:#000}.writing-post-container .writing-content .external-link-container .external-link.medium-link:hover{background-color:#1a1a1a}.writing-post-container .writing-content .external-link-container .external-link.pdf-link{background-color:#d32f2f}.writing-post-container .writing-content .external-link-container .external-link.pdf-link:hover{background-color:#b71c1c}@media(max-width:720px){.writing-post-container .writing-content .external-link-container{padding:24px;margin-top:32px}.writing-post-container .writing-content .external-link-container p{font-size:15px}.writing-post-container .writing-content .external-link-container .external-link{font-size:15px;padding:10px 20px}}.writing-post-container div,.writing-post-container p,.writing-post-container span{overflow-wrap:break-word!important}.writing-post-container h6.reachout{margin-top:30px}.writing-post-container div.reachout{display:flex;margin-top:10px;align-items:center}.writing-post-container div.reachout .icon{width:14px;cursor:pointer;margin-left:10px;height:14px}@media(max-width:720px){.res-container{width:100%}.writing-post-container .post-header{margin-top:24px;margin-bottom:24px;padding-bottom:16px}.writing-post-container .post-header .post-title{font-size:28px;line-height:1.25;margin-bottom:8px}.writing-post-container .post-header .post-date{font-size:13px}.writing-post-container .writing-content{font-size:24px}.writing-post-container .writing-content h1{font-size:26px}.writing-post-container .writing-content h2{font-size:22px}.writing-post-container .writing-content h3{font-size:20px}.writing-post-container .writing-content h4{font-size:18px}}.post-card{display:block;width:100%;cursor:pointer;margin-bottom:18px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.08);transition:all .15s ease;text-decoration:none;color:inherit}.post-card:first-child{padding-top:0}.post-card .post-card-content{display:flex;flex-direction:column;gap:8px}.post-card .post-card-content .post-card-meta{display:flex;align-items:center;gap:4px;font-size:13px;color:rgba(0,0,0,.6)}.post-card .post-card-content .post-card-meta .post-date,.post-card .post-card-content .post-card-meta .post-reading-time{color:rgba(0,0,0,.6)}.post-card .post-card-content .post-card-title{font-size:22px;font-weight:700;line-height:1.3;color:rgba(0,0,0,.9);margin:0;transition:color .15s ease}.post-card .post-card-content .post-card-excerpt{font-size:16px;line-height:1.5;color:rgba(0,0,0,.6);margin:0}.post-card .post-card-content .post-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.post-card .post-card-content .post-card-tags .post-tag{font-size:13px;color:rgba(0,0,0,.6);background:rgba(0,0,0,.05);padding:4px 8px;border-radius:4px;transition:background .15s ease}.post-card:hover .post-card-content .post-card-title{color:rgba(0,0,0,.7)}.post-card:hover .post-card-content .post-card-tags .post-tag{background:rgba(0,0,0,.08)}body.dark-mode .post-card{border-bottom-color:hsla(0,0%,100%,.08)}body.dark-mode .post-card .post-card-content .post-card-meta,body.dark-mode .post-card .post-card-content .post-card-meta .post-date,body.dark-mode .post-card .post-card-content .post-card-meta .post-reading-time{color:hsla(0,0%,100%,.6)}body.dark-mode .post-card .post-card-content .post-card-title{color:hsla(0,0%,100%,.9)}body.dark-mode .post-card .post-card-content .post-card-excerpt{color:hsla(0,0%,100%,.6)}body.dark-mode .post-card .post-card-content .post-card-tags .post-tag{color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.08)}body.dark-mode .post-card:hover .post-card-content .post-card-title{color:hsla(0,0%,100%,.7)}body.dark-mode .post-card:hover .post-card-content .post-card-tags .post-tag{background:hsla(0,0%,100%,.12)}@media(max-width:768px){.post-card{margin-bottom:32px;padding:16px 0}.post-card .post-card-content .post-card-title{font-size:20px}.post-card .post-card-content .post-card-excerpt{font-size:15px}.post-card .post-card-content .post-card-tags .post-tag{font-size:12px;padding:3px 6px}}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:40px 0;padding:0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.photo-grid .photo-item{display:flex;flex-direction:column;gap:12px;transition:transform .3s ease}.photo-grid .photo-item img{width:100%;height:180px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.photo-grid .photo-item .photo-caption{font-size:14px;color:rgba(0,0,0,.6);text-align:center;margin:0;font-weight:500}.photo-grid .photo-item:hover{transform:translateY(-4px)}.photo-grid .photo-item:hover img{box-shadow:0 8px 16px rgba(0,0,0,.15)}.photo-grid .photo-item:hover .photo-caption{color:rgba(0,0,0,.9)}body.dark-mode .photo-grid{border-top-color:hsla(0,0%,100%,.08);border-bottom-color:hsla(0,0%,100%,.08)}body.dark-mode .photo-grid .photo-item img{box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark-mode .photo-grid .photo-item .photo-caption{color:hsla(0,0%,100%,.6)}body.dark-mode .photo-grid .photo-item:hover img{box-shadow:0 8px 16px rgba(0,0,0,.4)}body.dark-mode .photo-grid .photo-item:hover .photo-caption{color:hsla(0,0%,100%,.9)}@media(max-width:768px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:32px 0;padding:0}.photo-grid .photo-item img{height:180px}.photo-grid .photo-item .photo-caption{font-size:13px}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr;gap:20px;margin:24px 0;padding:0}.photo-grid .photo-item img{height:100px}.photo-grid .photo-item .photo-caption{font-size:14px}}