:root{--bg-primary:222 47% 11%;--bg-secondary:217 33% 17%;--accent-primary:263 70% 50%;--accent-secondary:172 66% 50%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--glass-bg:#1e293bb3;--glass-border:#ffffff14;--glass-blur:12px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Satoshi","Inter",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1729;background-color:hsl(var(--bg-primary));color:#f8fafc;color:hsl(var(--text-primary));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;margin:0}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace}h1,h2,h3,h4,h5,h6{color:#f8fafc;color:hsl(var(--text-primary));font-family:Satoshi,Inter,sans-serif;font-family:var(--font-display);font-weight:700;margin-top:0}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f1729;background:hsl(var(--bg-primary))}::-webkit-scrollbar-thumb{background:#1d283a;background:hsl(var(--bg-secondary));border-radius:5px}*{font-family:PT Sans,sans-serif}.contactme,.home,.resume{align-items:center;display:flex;font-size:3rem;height:90vh;justify-content:center}.projects{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-size:100px}.resume{background-color:#fff;font-size:100px}.contactme{background-image:url(/static/media/img-2.cbdbf90a167f6673c66b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-size:100px}:root{--primary:#fff}.btn{border-radius:2px;outline:none;padding:8px 28px}.btn--primary{background-color:#fff;background-color:var(--primary);color:#242424}.btn--outline,.btn--primary{border:1px solid #fff;border:1px solid var(--primary)}.btn--outline{background-color:initial;color:#fff;padding:8px 28px;transition:all .3s ease-out}.btn--medium{font-size:28px;padding:8px 28px}.btn--large{font-size:28px;padding:12px 26px}.btn--large:hover,.btn--medium:hover{background-color:#fff;color:#242424;transition:all .3s ease-out}*{box-sizing:border-box;margin:0;padding:0}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid var(--glass-border);font-size:1.2rem;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex;height:80px}.navbar-container{justify-content:space-between;max-width:1300px;padding:0 2rem;width:100%}.navbar-logo{align-items:center;color:hsl(var(--text-primary));cursor:pointer;display:flex;font-family:var(--font-display);font-size:1.8rem;font-weight:700;text-decoration:none}.navbar-logo-img{height:50px;margin-right:10px;width:50px}.fa-typo3{font-size:1.8rem;margin-left:.5rem}.nav-menu{grid-gap:2rem;display:flex;justify-content:end;list-style:none;text-align:center}.nav-item{height:80px}.nav-item,.nav-links{align-items:center;display:flex}.nav-links{color:hsl(var(--text-primary));font-size:1rem;font-weight:500;height:100%;padding:.5rem 1rem;text-decoration:none;transition:color .2s ease}.nav-links:hover{color:hsl(var(--accent-secondary))}.fa-bars{color:hsl(var(--text-primary))}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;gap:0;height:calc(100vh - 80px);left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{background:hsl(var(--bg-secondary));opacity:1;transition:all .5s ease}.nav-menu.active{justify-content:flex-start;left:0;padding-top:0;z-index:1}.nav-item{height:auto;width:100%}.nav-links{display:block;font-size:1.5rem;padding:2rem;text-align:center;transition:all .3s ease;width:100%}.nav-links:hover{background-color:hsl(var(--bg-primary));border-radius:0;color:hsl(var(--accent-primary))}.navbar-logo{font-size:1.5rem}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:static;transform:none}.fa-times,.menu-icon{color:hsl(var(--text-primary))}.fa-times{font-size:2rem}.nav-links-mobile{background-color:initial;border:1px solid hsl(var(--text-primary));border-radius:4px;color:hsl(var(--text-primary));display:block;font-size:1.5rem;margin:2rem auto;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease-out;width:80%}.nav-links-mobile:hover{background:hsl(var(--text-primary));color:hsl(var(--bg-primary))}}.chip{background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-secondary)));border-radius:50px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.8rem;font-weight:600;padding:.35rem .8rem;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cards{background:hsl(var(--bg-primary));padding:4rem 2rem}.cards h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--accent-secondary),var(--accent-primary));background-clip:text;-webkit-background-clip:text;font-size:3rem;margin-bottom:3rem;text-align:center}.bento-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(250px,auto);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.bento-item{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.bento-item:hover{border-color:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.item-1{grid-column:1/3;grid-row:1/2}.item-2{grid-column:3/4;grid-row:1/2}.item-3{grid-column:1/2;grid-row:2/3}.item-4{grid-column:2/3;grid-row:2/3}.coming-soon-item{grid-column:3/4;grid-row:2/3}.cards-loading{min-height:400px}.cards-loading,.placeholder-card{align-items:center;display:flex;justify-content:center}.placeholder-card{background:#ffffff0d;color:hsl(var(--text-secondary));font-family:var(--font-display);height:100%;padding:2rem;text-align:center}.cards__item__link{display:flex;flex-flow:column;height:100%;text-decoration:none;width:100%}.cards__item__pic-wrap{overflow:hidden;padding-top:60%;position:relative;width:100%}.cards__item__img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.bento-item:hover .cards__item__img{transform:scale(1.1)}.cards__item__pic-wrap:after{background-color:hsl(var(--accent-primary));border-radius:4px 4px 0 0;bottom:0;color:#fff;content:attr(data-category);font-size:12px;font-weight:700;margin-left:10px;max-width:calc(100% - 60px);padding:6px 12px;position:absolute}.cards__item__info{align-items:center;display:flex;flex-grow:1;padding:20px}.cards__item__text{color:hsl(var(--text-primary));font-size:1.2rem;font-weight:600;line-height:1.4;margin:0}@media screen and (max-width:960px){.bento-grid{grid-auto-rows:auto;grid-template-columns:1fr}.coming-soon-item,.item-1,.item-2,.item-3,.item-4{grid-column:auto;grid-row:auto}}.hero-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-video{object-fit:cover;z-index:-1}.hero-overlay,.hero-video{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:linear-gradient(180deg,#0f172a66,#0f172acc);z-index:0}.hero-content{animation:fadeIn 1s ease-out;max-width:800px;padding:0 20px;text-align:center;z-index:1}.hero-content h1{color:hsl(var(--text-primary));font-size:5rem;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 10px 30px #00000080}.hero-content p{color:hsl(var(--text-primary));font-size:1.5rem;font-weight:300;margin-bottom:3rem;opacity:.9}.hero-btns{display:flex;gap:1rem;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:960px){.hero-content h1{font-size:3.5rem}.hero-content p{font-size:1.25rem}}@media screen and (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-btns{flex-direction:column;width:100%}}.react_cli{background-color:#000;color:green;font-family:Monospace;font-size:16px;height:400px;line-height:16px;overflow:auto;padding:1em;width:30%}.ProjectItems{border-radius:10px;display:flex;flex:1 1;height:450px;margin:0 1rem;object-fit:contain}.projects{background:#fff;padding:4rem}h1{font-size:4rem;text-align:center}h1,h2{color:#242424}h2{font-size:3rem;text-align:left;text-indent:1%}.projects__container{align-items:center;flex-flow:column;margin:0 auto;max-width:1120px;width:90%}.projects__wrapper{margin:50px 0 45px;position:relative}.projects__items{margin-bottom:24px}.resume{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1000px #fff;display:flex;flex-direction:column;height:100vh;justify-content:center;object-fit:contain;width:100%}image{height:100%;object-fit:cover;position:fixed;width:100%;z-index:-1}.resume>h1{color:#000;font-size:100px;margin-top:-100px}.resume-pages{height:100%;margin-top:32px}.resume-pages .Document{margin:6px}@media screen and (max-width:960px){.resume>h1{font-size:70px;margin-top:-150px}}@media screen and (max-width:768px){.resume>h1{font-size:50px;margin-top:-100px}.Document{width:100%}}.page_name{align-items:center;background:#0000;color:hsl(var(--text-primary));font-family:var(--font-display);font-size:3rem;font-weight:700;padding:4rem 0;width:100%}.page_name,.search_bar{display:flex;justify-content:center}.search_bar{margin-bottom:2rem}.blog_post_container{display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:65vh;width:90%}.blog_posts{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.TailSpin{display:flex;margin:50px auto}.error-message{color:hsl(var(--text-secondary));padding:3rem;text-align:center}.error-message h3{color:hsl(var(--text-primary));margin-bottom:1rem}.retry-btn{background-color:hsl(var(--accent-primary));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:opacity .2s ease}.retry-btn:hover{opacity:.9}.blogList-wrap{grid-gap:3rem;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:4rem}@media(max-width:768px){.blogList-wrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blogList-wrap{grid-template-columns:repeat(1,1fr)}}.blogItem-wrap{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.blogItem-wrap:hover{border-color:hsl(var(--accent-primary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.blogItem-link{color:inherit;display:flex;flex-direction:column;height:100%;padding:1rem;text-decoration:none}.blogItem-cover{aspect-ratio:16/9;border-radius:12px;height:auto;margin-bottom:1rem;object-fit:cover;width:100%}.blogItem-wrap h3{color:hsl(var(--text-primary));font-family:var(--font-display);font-size:1.25rem;margin:.5rem 0}.blogItem-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:hsl(var(--text-secondary));display:-webkit-box;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.blogItem-wrap footer{border-top:1px solid var(--glass-border);justify-content:space-between;margin-top:auto;padding-top:1rem}.blogItem-author,.blogItem-wrap footer{align-items:center;display:flex}.blogItem-author img{border-radius:50%;height:32px;margin-right:.5rem;object-fit:cover;width:32px}.blogItem-author h6{color:hsl(var(--text-primary));font-size:.85rem;font-weight:600;margin:0}.blogItem-author p{color:hsl(var(--text-secondary));font-size:.75rem;margin:0}.emptyList-wrap{align-items:center;display:flex;justify-content:center;min-height:40vh;width:100%}.emptyList-content{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;max-width:500px;padding:3rem;text-align:center}.emptyList-content i{color:hsl(var(--accent-primary));font-size:3rem;margin-bottom:1.5rem}.emptyList-content h3{color:hsl(var(--text-primary));font-size:1.8rem;margin-bottom:1rem}.emptyList-content p{color:hsl(var(--text-secondary));line-height:1.6;margin-bottom:2rem}.go-back-btn{background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-secondary)));border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.go-back-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.searchBar-wrap{margin:0 auto;max-width:600px;position:relative;width:100%}.searchBar-wrap form{align-items:center;display:flex;position:relative}.searchBar-wrap input{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:hsl(var(--text-primary));font-size:1.1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.searchBar-wrap input::placeholder{color:hsl(var(--text-secondary))}.searchBar-wrap input:focus{background:#1e293be6;border-color:hsl(var(--accent-primary));box-shadow:0 0 0 2px hsla(var(--accent-primary),.3)}.searchBar-wrap span{display:none}.blog-page-container{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.blog-wrap{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #0006;margin-top:1rem;padding:3rem}.blog-goBack{align-items:center;color:hsl(var(--text-secondary));display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;margin-left:1rem;text-decoration:none;transition:all .3s ease}.blog-goBack:hover{color:hsl(var(--accent-primary));transform:translateX(-5px)}.blog-header{margin-bottom:3.5rem;text-align:center}.blog-title{color:hsl(var(--text-primary));font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.blog-subCategory{flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.blog-meta,.blog-subCategory{display:flex;justify-content:center}.blog-meta{color:hsl(var(--text-secondary));font-size:.95rem;font-weight:500;gap:2rem}.blog-meta i{color:hsl(var(--accent-primary));margin-right:.5rem}.blog-content{display:flex;flex-direction:column;gap:2.5rem}.blog-content-header{color:hsl(var(--text-primary));font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-top:1.5rem}.blog-content-image{display:flex;flex-direction:column;gap:.75rem;width:100%}.blog-content-image img{border-radius:16px;box-shadow:0 8px 30px #0000004d;width:100%}.blog-image-caption{color:hsl(var(--text-secondary));font-size:.9rem;font-style:italic;text-align:center}.blog-cover-img{aspect-ratio:16/9;border-radius:16px;margin-bottom:1rem;object-fit:cover;width:100%}.blog-section{display:flex;flex-direction:column;gap:1.5rem}.blog-section img{border-radius:12px;box-shadow:0 4px 20px #0003;width:100%}.blog-para{color:hsl(var(--text-primary));font-size:1.25rem;font-weight:400;line-height:1.8;opacity:.95}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:60vh}@media screen and (max-width:768px){.blog-wrap{padding:1.5rem}.blog-title{font-size:2.5rem}.blog-meta{align-items:center;flex-direction:column;gap:.5rem}}.footer-container{background-color:hsl(var(--bg-secondary));border-top:1px solid var(--glass-border);padding:4rem 0 2rem}.footer-container,.footer-subscription{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-subscription{color:hsl(var(--text-primary));margin-bottom:24px;padding:24px;text-align:center}.footer-subscription>p{font-family:var(--font-display)}.footer-subscription-heading{font-size:24px;margin-bottom:24px}.footer-subscription-text{font-size:20px;margin-bottom:24px}.footer-input{border:1px solid #fff;border-radius:2px;font-size:18px;margin-bottom:16px;margin-right:10px;outline:none;padding:8px 20px}.footer-links{display:flex;justify-content:center;max-width:1000px;width:100%}.footer-link-wrapper{display:flex}.footer-link-items{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;margin:16px;text-align:left;width:160px}.footer-link-items h2{color:hsl(var(--text-primary));font-family:var(--font-display);margin-bottom:16px}.footer-link-items a{color:hsl(var(--text-secondary));margin-bottom:.5rem;text-decoration:none;transition:.3s ease-out}.footer-link-items a:hover{color:hsl(var(--accent-primary));transition:.3s ease-out}.social-icon-link{color:hsl(var(--text-primary));font-size:24px;transition:color .2s ease}.social-icon-link:hover{color:hsl(var(--accent-primary))}.social-media{max-width:1000px;width:100%}.social-media-wrap{margin:40px auto 0;max-width:1000px;width:90%}.social-icons,.social-media-wrap{align-items:center;display:flex;justify-content:space-between}.social-icons{width:240px}.social-logo{align-items:center;color:hsl(var(--text-primary));cursor:pointer;display:flex;font-family:var(--font-display);font-size:2rem;justify-self:start;margin-bottom:16px;margin-left:20px;text-decoration:none}.website-rights{color:hsl(var(--text-secondary));margin-bottom:16px}@media screen and (max-width:820px){.footer-links{padding-top:2rem}.btn,.footer-input{width:100%}.footer-link-wrapper,.social-media-wrap{flex-direction:column}}.contact-button-container{text-align:center}.contact-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.contact-button:hover{background-color:#fff;color:#242424;transition:all .3s ease-out}.contact-box{background-color:initial;border:1px solid #ccc;border-radius:10px;margin:20px auto;max-width:500px;padding:20px;text-align:center}.contact-box h2{color:#fff;font-size:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-control{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}.btn{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.btn,.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#fff;color:#242424;transition:all .3s ease-out}.not-found-container{background:#0000;height:calc(100vh - 80px);padding:0 2rem}.not-found-card,.not-found-container{align-items:center;display:flex;justify-content:center}.not-found-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 #0000004d;flex-direction:column;max-width:600px;padding:4rem;text-align:center;width:100%}.not-found-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-secondary)));-webkit-background-clip:text;font-family:var(--font-display);font-size:8rem;line-height:1;margin-bottom:0}.not-found-card h2{color:hsl(var(--text-primary));font-family:var(--font-display);font-size:2rem;margin-bottom:1rem}.not-found-card p{color:hsl(var(--text-secondary));font-size:1.2rem;margin-bottom:2rem}.not-found-btn{margin-top:1rem}
/*# sourceMappingURL=main.0018633d.css.map*/