@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{--dot-color-light: radial-gradient(#d8d3c4 1px, transparent 1px);--dot-color-dark: radial-gradient(#444 1px, transparent 1px);--background-light: #f4f1ee;--background-dark: #1e1e1e}html,body{margin:0;padding:0;box-sizing:border-box;background-color:var(--background-light)!important;background-image:var(--dot-color-light)!important;background-size:20px 20px}[data-theme=light]{background-color:var(--background-light)!important;background-image:var(--dot-color-light)!important}[data-theme=dark]{background-color:var(--background-dark)!important;background-image:var(--dot-color-dark)!important}@media (min-height: 700px){[data-theme=light] .hero-container{background-color:var(--background-light);background-image:var(--dot-color-light)}[data-theme=dark] .hero-container{background-color:var(--background-dark);background-image:var(--dot-color-dark)}.hero-container{height:100vh;width:100vw;position:relative;background-image:var(--dot-color);transition:background .2s ease;background-size:20px 20px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-color);padding:0 10px}}@media (max-height: 700px){.hero-container{position:sticky;top:0;height:auto;width:100vw;background-color:var(--background-color);background-image:var(--dot-color);background-size:20px 20px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-color);padding:30px 10px 0}.profile-image{margin-top:90px}}.wrapper{min-height:100vh;background-color:inherit;background-image:inherit;background-size:20px 20px}.hero-content{max-width:700px}.hero-content h1{font-family:Roboto,sans-serif;font-size:2.3rem;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0 3vw;box-sizing:border-box;text-align:center;white-space:normal;word-break:break-word;overflow-wrap:break-word}.hero-content p{font-family:Roboto,sans-serif;font-size:1.2rem;margin-bottom:30px;color:var(--text-color)}.hero-btn{display:inline-block;padding:12px 24px;font-family:Roboto,sans-serif;font-weight:700;color:var(--btn-text-color);background-color:var(--btn-bg-color);border-radius:8px;text-decoration:none;transition:background .3s ease}.hero-btn:hover{background-color:var(--btn-hover-bg-color)}.profile-image{width:170px;height:170px;border-radius:50%;object-fit:cover;border:0px solid #fff;margin-top:40px}.list{font-family:Roboto,sans-serif;font-weight:400;font-size:1rem;list-style-type:none;max-width:500px;margin:20px auto 0;padding:10px;text-align:left}.color-wipe{display:inline-block;position:relative;font-weight:700;color:var(--text-color);transition:color .3s ease}.color-wipe:before{content:attr(data-text);position:absolute;top:0;left:0;width:0%;overflow:hidden;white-space:nowrap;background:linear-gradient(to right,#00a6ff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:width .4s ease;pointer-events:none}.color-wipe:hover{color:transparent}.color-wipe:hover:before{width:100%}.image-container{position:relative;width:100%;height:400px}.centered-image{position:absolute;top:clamp(-42%,41%,33%);left:clamp(80%,80%,70%);transform:translate(-50%,-50%);width:100px;height:auto;opacity:1}.bgFooter{position:absolute;bottom:0;width:100%;background-color:transparent;z-index:2}.footer{background-color:var(--background-color);color:var(--text-color);padding:1rem 0;text-align:center;border-top:1px solid rgba(0,0,0,.1);pointer-events:auto}.footer-list{list-style:none;display:flex;justify-content:center;gap:2rem;padding:0;margin:0}.footer-list li a{color:var(--link-color);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.footer-list li a:hover{color:var(--link-hover-color)}@media (max-width: 400px){.footer-list{flex-direction:column;gap:1rem}}:root{--dot-color-light: radial-gradient(#d8d3c4 1px, transparent 1px);--dot-color-dark: radial-gradient(#444 1px, transparent 1px);--background-light: #f4f1ee;--background-dark: #1e1e1e;--tag-light: #c8c7c4;--tag-dark: #3e3c3c}[data-theme=light] .project-card{background-color:var(--background-light)}[data-theme=dark] .project-card{background-color:var(--background-dark)}[data-theme=light] .tag{background-color:var(--tag-light)}[data-theme=dark] .tag{background-color:var(--tag-dark)}.project-card{width:100%;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0000004d;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-img{width:100%;height:250px;object-fit:cover}.project-content{padding:1.5rem;color:var(--text-color)}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.project-title{font-family:Roboto,sans-serif;font-size:1.3rem;font-weight:600;margin:0;padding:0}.github-link{font-size:1.5rem;color:var(--text-color);transition:color .2s ease}.github-link:hover{color:var(--link-hover-color);scale:1.2;transition:.4s}.project-description{margin-bottom:1rem;font-size:1rem;font-family:Roboto,sans-serif}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--tag-color);color:var(--text-color);padding:5px 12px;border-radius:20px;font-family:Nunito,sans-serif!important;font-size:.8rem;font-weight:650;transition:rotate-shake .3s ease}@keyframes rotate-shake{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.tag:hover{animation:rotate-shake .5s ease-in-out}:root{--dot-color-light: radial-gradient(#d8d3c4 1px, transparent 1px);--dot-color-dark: radial-gradient(#444 1px, transparent 1px);--background-light: #f4f1ee;--background-dark: #1e1e1e}.projects-wrapper{width:100vw;position:relative;padding-top:100px;min-height:100vh;background-color:#f3f3f3;background-image:var(--dot-color);background-size:20px 20px;display:flex;justify-content:center}.projects-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;width:100%}.project-search{width:100%;max-width:500px;min-width:300px;box-sizing:border-box;margin-bottom:.7rem;padding:12px 16px;font-size:1rem;border-radius:8px;border:1px;border:1px solid var(--text-color);background-color:#ffffff26;color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border .2s ease,box-shadow .2s ease;font-family:Nunito,sans-serif}.project-search::placeholder{color:var(--text-color);font-family:Nunito,sans-serif;font-weight:300}.project-search:focus{border:1px solid var(--link-hover-color);box-shadow:0 0 6px #ffffff4d}.projects-page{display:flex;flex-direction:column;align-items:center;padding:2rem}:root{--tile-color: #d4d3d3;--gradient-bg: linear-gradient(145deg, #f9f7f7, #dfdbd7);--content-bg: #dfdbd7}[data-theme=dark]{--tile-color: #3f3d3d;--gradient-bg: linear-gradient(125deg, #2b2b2b, #0e0e0e);--content-bg: #dfdbd7}.blog-post{display:flex;width:100%;max-width:700px;min-width:200px;margin:1rem auto;border-radius:16px;overflow:hidden;background:var(--content-bg);color:var(--text-color);transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 8px 20px #0003;height:120px;background:var(--gradient-bg);font-family:Montserrat,sans-serif}.blog-post:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-0px);transition:0s}.blog-content{width:75%;padding:0;display:flex;align-items:center;justify-content:flex-start;transition:width .3s ease}.blog-content-inner{padding:1.5rem;width:75%}.blog-image{width:25%;transition:width .3s ease;height:100%}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-post:hover .blog-content{width:75%;transition:.9s}.blog-post:hover .blog-image{width:35%;transition:.9s}.blog-title{font-family:Roboto,sans-serif;font-size:1.1rem;font-weight:470;margin:0}.blog-date-tags{font-family:Roboto,sans-serif;font-size:.8rem;color:var(--text-color);display:flex;align-items:center}.blog-date{margin:5px;font-size:.8rem}.blog-tags{display:flex;gap:8px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;min-height:30px}.blog-tag{background-color:var(--tile-color)!important;color:var(--text-color);padding:5px 10px;border-radius:20px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem}.blog-tag:hover{transform:translateY(-2px)}.blog-description{font-family:Roboto,sans-serif;font-size:1.05rem;margin-top:.5rem}@media (min-width: 768px){.blog-post{max-height:150px;overflow:hidden}}@media (max-width: 767px){.blog-post{max-height:100px;max-width:500px}.blog-title{font-size:1.1rem}}@media (max-width: 767px){.hide-on-small{display:none!important}}.writing-page{min-height:100vh;min-width:100vw;width:100%;background-color:var(--background-light);background-image:var(--dot-color-light);background-size:20px 20px;background-repeat:repeat;padding:0rem 1rem;box-sizing:border-box;top:0;margin:0;padding:0;overflow:hidden;border:none;box-shadow:none}.blog-container{margin-top:80px;margin-left:10px;margin-right:10px;padding-top:80px}:root{--dot-color-light: radial-gradient(#d8d3c4 1px, transparent 1px);--dot-color-dark: radial-gradient(#444 1px, transparent 1px);--background-light: #f8f7f6;--background-dark: #1e1e1e}[data-theme=light] .writing-page{background-color:var(--background-light);background-image:var(--dot-color-light);background-size:20px 20px}[data-theme=dark] .writing-page{background-color:var(--background-dark);background-image:var(--dot-color-dark);background-size:20px 20px}.emoji-pic-c{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:60vh}.emoji-pic{scale:.6}.emoji-pic-c p{font-family:Nunito,sans-serif;font-size:1.5rem;margin-top:0;color:var(--text-color);text-align:center}:root{--dot-color-light: radial-gradient(#d8d3c4 1px, transparent 1px);--dot-color-dark: radial-gradient(#444 1px, transparent 1px);--background-light: #f4f1ee;--background-dark: #1e1e1e;--background-content-light: #f4f1eeac;--background-content-dark: #1e1e1eb3;--paragraph-dark: #dad0d0;--paragraph-light: #2a2929}[data-theme=light] .projects-wrapper{background-color:var(--background-light);background-image:var(--dot-color-light);background-size:20px 20px}[data-theme=dark] .projects-wrapper{background-color:var(--background-dark);background-image:var(--dot-color-dark);background-size:20px 20px}[data-theme=light] .blog-page-container{background-color:var(--background-content-light)}[data-theme=dark] .blog-page-container{background-color:var(--background-content-dark)}[data-theme=light] .blog-paragraph{color:var(--paragraph-light)!important}[data-theme=dark] .blog-paragraph{color:var(--paragraph-dark)}html{scroll-behavior:smooth}body{margin:0;font-family:sans-serif;background-color:transparent}.page-wrapper{display:flex;justify-content:center;padding:2rem;position:relative;min-height:100vh;font-family:Roboto;min-width:100vw;background-image:var(--dot-color);background-size:20px 20px}.blog-page-container{max-width:500px;width:100%;background:var(--background-color);padding:1.5rem;box-shadow:0 4px 16px #0000001a;box-sizing:border-box;border-radius:10px;margin-left:20px;margin-right:80px;margin-top:100px}.banner-image{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:1rem}.blog-page-title{font-size:1.8rem;margin:0 0 .5rem}.blog-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;align-items:center}.tag-page{background-color:var(--tile-color)!important;color:var(--text-color);padding:5px 10px;border-radius:20px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-family:Roboto;font-weight:500}.tag-page:hover{transform:translateY(-2px)}.date{color:#9e9d9d;font-size:.9rem}.blog-paragraph{margin-bottom:1.5rem;line-height:1.6;font-size:1rem;font-family:Montserrat,sans-serif;font-weight:450}.blog-image-section{text-align:center;margin-bottom:2rem}.content-image{width:100%;height:auto;border-radius:6px}.image-caption{margin-top:.5rem;font-size:.85rem;color:#666}.subheader{font-size:1.4rem;margin:2rem 0 1rem}.scroll-dots{position:fixed;top:50%;left:calc(50% - 300px);transform:translateY(-0%);z-index:1000;scale:1}.dot{font-size:2rem;font-weight:700;cursor:pointer;position:relative;color:var(--dot-color-light);-webkit-user-select:none;user-select:none}.em-dash{font-size:1.2rem;line-height:.8;color:var(--dot-color-light)}.nav-bubble{display:none;position:absolute;top:-.5rem;left:2rem;background:#fff;border:1px solid #ccc;padding:.5rem;border-radius:6px;box-shadow:0 2px 10px #0000001a;flex-direction:column}.nav-bubble a{margin:.2rem 0;font-size:.9rem;color:#333;text-decoration:none}.nav-bubble a:hover{text-decoration:underline}.nav-bubble.visible{display:flex}:root{--background-color: #f4f1ee;--text-color: #000;--navbar-background: transparent;--navbar-text-color: black;--link-color: rgba(0, 0, 0, .854);--link-hover-color: c0c7fa;--theme-button-color: black;--theme-button-color-hover: rgba(0, 0, 0, .103);--dot-color: radial-gradient(#d8d3c4ba 1px, transparent 1px);--dot-color-light: radial-gradient(#d8d3c4 1px, transparent 1px);--dot-color-dark: radial-gradient(#44444465 1px, transparent 1px)}[data-theme=dark]{--background-color: #1e1e1e;--text-color: #fbf9f3;--navbar-background: rgba(0, 0, 0, .8);--navbar-text-color: fbf9f3;--link-color: white;--link-hover-color: #c0c7fa;--theme-button-color-hover: #c0c7fa21;--theme-button-color: black;--dot-color: radial-gradient(#d8d3c42e 1px, transparent 1px)}body{width:100%;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}[data-theme=light] .bg{background-image:var(--dot-color-light);background-size:20px 20px}[data-theme=dark] .bg{background-image:var(--dot-color-dark);background-size:20px 20px}.bg{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;box-sizing:border-box;line-height:1}.navbar{background-size:20px 20px;position:absolute;font-family:Roboto,sans-serif;background-color:transparent!important;color:var(--navbar-text-color);padding:0 3rem;position:relative;top:0;left:0;max-width:600px;z-index:1000;display:flex;justify-content:space-between;align-items:center;margin:20px auto 0}.navbar-content{display:flex;justify-content:space-between;width:100%;font-family:Nunito,sans-serif}.navbar-left{display:flex;align-items:center;flex:1}.navbar-right{display:flex;align-items:center}.name{font-size:1.1rem;font-weight:650}@media (max-width: 500px){.name{display:none}.navbar{justify-content:center}}.nav-list{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav-item a{color:var(--link-color);text-decoration:none;font-weight:700}.nav-item.active a{border-bottom:2px solid var(--link-color)}.nav-item a:hover{color:var(--navbar-text-color-hover);font-weight:700;transition:all .1s ease}.other-button{display:flex;align-items:center;justify-content:center;padding:12px;background-color:transparent;color:#fff;border-radius:25px;border:none;font-size:16px;cursor:pointer;transition:all .3s ease;margin:3px}.theme-button{display:flex;align-items:center;justify-content:center;padding:12px;background-color:transparent;color:#fff;border-radius:25px;border:none;font-size:16px;cursor:pointer;transition:all .3s ease;margin:13px}.theme-button:hover{background-color:var(--theme-button-color-hover);transition:color all .9s ease}.menu-container{position:relative;align-items:center;margin-left:30px}.hamburger{font-size:20px;cursor:pointer;padding:7px;border-radius:5px;transition:background-color .3s ease}.hamburger:hover{background-color:var(--theme-button-color-hover)}.dropdown-menu{position:absolute;top:50px;left:50%;transform:translate(-50%) translateY(-10px);background-color:var(--navbar-background);border-radius:8px;box-shadow:0 0 10px #0003;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .4s ease,transform .4s ease;display:flex;flex-direction:column;padding:0 10px;z-index:1001;-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px)}.dropdown-menu.open{max-height:500px;opacity:1;transform:translate(-50%) translateY(0);padding:5px}.dropdown-menu.closing{max-height:0;opacity:0;transform:translate(-50%) translateY(-10px);padding:0 5px}.dropdown-menu a,.dropdown-menu button{margin:5px 0;background:none}