@import"https://fonts.googleapis.com/css2?family=Unica+One&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";.hero{display:flex;flex-direction:column;justify-content:center;align-self:first baseline;background-color:var(--primary-color);width:100%;overflow:hidden}.hero-name{color:var(--accent-color);font-size:10rem;font-weight:700;padding:0 50px;overflow:hidden}.hero-img{display:none}.hero-des{padding-top:20px;display:flex;color:var(--accent-color);justify-content:space-around;align-items:center;overflow:hidden}.hero-des h2{font-size:5rem;font-weight:700;overflow:hidden}.hero-data{display:flex;gap:10rem;overflow:hidden}.hero-data-t{font-size:1.2rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.hero-data-td{font-size:1.2rem;text-decoration:underline;font-weight:700;overflow:hidden}.resume-link{color:var(--accent-color);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom .3s ease-in-out}.resume-link:hover{border-bottom:2px solid var(--accent-color)}.little-abt-me{display:flex;align-items:right;padding:80px 50px 0;height:92vh;width:100%}.abt-container{text-align:right;padding:30px;border-radius:10px}.lit-abt-title{font-size:8rem;font-weight:700;color:#f2de9b;margin-bottom:15px}.lit-abt-text{text-align:left;font-size:24px;line-height:1.2;width:70%;font-family:DM Sans,sans-serif;color:var(--primary-color);margin-bottom:10px}.lit-abt-text strong{color:#9b8744}.lit-abt-tabs{margin:50px auto 0;color:var(--primary-color);text-align:center;width:max-content;padding:16px;border:2px solid var(--primary-color);display:flex;flex-direction:column;gap:20px}.lit-abt-tab{font-size:42px;align-items:center;display:flex;gap:20px;padding:10px}.lit-abt-tab img{height:60px;width:60px;object-fit:cover;transition:filter .3s ease-in-out}@media (max-width: 768px){.abt-container{padding:20px}.lit-abt-title{font-size:2rem}.lit-abt-text{font-size:1rem;text-align:left;width:100%}.lit-abt-tabs{width:100%;padding:10px;border:none}.lit-abt-tab{font-size:1.5rem;flex-direction:column;align-items:center}}.stepper-container{width:80%;margin:40px auto;text-align:center;font-family:Arial,sans-serif}.title{font-size:24px;font-weight:700;margin-bottom:20px}.stepper{display:flex;justify-content:space-between;position:relative;margin-bottom:20px;cursor:pointer}.step{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.circle{width:60px;height:60px;background-color:#d6cfe1;border:2px solid #2E2E2E;color:#2e2e2e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;position:relative;z-index:2;transition:background .3s}.circle.active{background-color:#2e2e2e;color:#d6cfe1}.step-title{margin-top:20px;font-size:28px;font-weight:700;transition:color .3s;color:#2e2e2e}.step-title.selected{color:#2e2e2e}.line{position:absolute;top:25%;left:0;width:100%;height:4px;background-color:#2e2e2e;z-index:1}.details{margin-top:20px}.card{padding:15px;border-radius:8px;margin-bottom:10px;color:#2e2e2e}.card-details{display:flex;align-items:center;justify-content:space-around}.count-up-text{font-size:64px;font-weight:700;margin-bottom:10px}.card a{font-size:24px;font-weight:700;color:#2e2e2e;opacity:1;text-align:center;text-decoration:none;transition:all .3s}.card a:hover{opacity:.8}.card h3{margin-bottom:10px;font-size:36px}.card p{font-size:22px}:root{--accent-color: #f0f0f0;--secondary-color: #333;--font-size-large: clamp(3rem, 10vw, 10rem);--font-size-medium: clamp(2.5rem, 8vw, 5rem);--font-size-small: clamp(2rem, 5vw, 3.5rem);--gap-large: 1.5rem;--gap-small: 1rem}.tech-stack{padding:40px 20px;background-color:var(--accent-color, #111);color:var(--secondary-color, #fff);text-align:center}.tech-stack-h2{font-size:6rem;margin-bottom:30px}.tech-details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;justify-items:center;align-items:stretch}.tech-card{position:relative;width:220px;padding:15px;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.tech-name{font-size:2rem;font-weight:600;color:var(--secondary-color, #333);transition:opacity .3s ease}.tech-icon{font-size:2.5rem;color:var(--secondary-color, #333);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.tech-card:hover .tech-name{opacity:0}.tech-card:hover .tech-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.tech-card:hover{transform:scale(1.05);cursor:none}.about-me{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:80px 50px 0;height:96vh;background-color:var(--accent-color);color:var(--secondary-color)}.about-me-img{width:33%;height:100%;object-fit:cover;overflow:hidden}.about-me-img img{width:100%;object-fit:cover}.about-me1{display:flex;flex-direction:column;align-items:flex-end}.about-me-h2{font-weight:700;font-size:var(--font-size-large)}.about-me-des{background-color:var(--secondary-color);height:92vh;padding:80px 100px 0}.a-m-des1{padding:1rem 50px;width:70%;font-weight:700;color:var(--accent-color);font-size:clamp(4rem,10vw,7rem)}.get-conn{display:flex;flex-direction:column;justify-content:space-between;padding:80px 50px 0;background-color:var(--secondary-color);color:var(--accent-color)}.get-conn-1{display:flex;flex-direction:column;align-items:center}.get-conn-h2{font-size:clamp(3rem,10vw,10rem);font-weight:700;align-self:flex-end}.get-conn-p{padding:1rem 50px;font-family:DM Sans,sans-serif;font-size:1.5rem}.get-conn-links{display:grid;grid-template-columns:repeat(2,1fr);padding:1rem 50px}.get-conn-link{font-size:6rem;text-decoration:none;color:var(--accent-color);align-items:center;display:flex;font-weight:700}.get-conn-i{font-weight:700}@media (max-width: 1024px){.about-me{flex-direction:column-reverse;align-items:center;text-align:center;height:auto;padding:50px 30px 0}.about-me-img{width:80%;height:auto}.about-me1{align-items:center}.about-me-h2{font-size:var(--font-size-medium)}.about-me-des{height:auto;padding:50px 30px 0;text-align:center}.a-m-des1{width:90%;font-size:var(--font-size-medium);padding:1rem 20px}.tech-details{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.get-conn{padding:50px 30px 0;text-align:center}.get-conn-h2{font-size:var(--font-size-medium);align-self:center}.get-conn-p{padding:1rem 30px;font-size:1.2rem}.get-conn-links{grid-template-columns:1fr;gap:var(--gap-small)}.get-conn-link{font-size:4rem}}@media (max-width: 768px){.about-me-img{width:100%}.a-m-des1{width:100%;font-size:clamp(2.5rem,7vw,4rem)}.tech-card{padding:10px}.tech-icon{font-size:1.8rem}.get-conn-h2{font-size:var(--font-size-small)}.get-conn-p{font-size:1rem}.get-conn-link{font-size:3rem}}@media (max-width: 480px){.about-me-h2{font-size:var(--font-size-small)}.a-m-des1{font-size:clamp(2.2rem,6vw,3rem)}.tech-card{padding:8px}.tech-icon{font-size:1.5rem}.get-conn{padding:30px 20px 0}.get-conn-h2{font-size:clamp(2rem,6vw,3rem)}.get-conn-p{font-size:.9rem}.get-conn-link{font-size:2.5rem}}.blogs-page{display:flex;flex-direction:row;align-items:center;padding:80px 50px 0;width:100%;height:100vh;background-color:#121212}.blogs-title-div{width:20%;display:flex;justify-content:center}.blogs-title{rotate:-90deg;font-size:12rem;font-weight:700;color:teal}.blogs-content-div{width:80%;display:flex;flex-wrap:wrap;justify-content:space-evenly}.blog-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:20px}.blog-card{background-color:#1e1e1e;color:#f1f1f1;width:300px;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0003;border:1px solid #333333;transition:all .3s ease}.blog-card:hover{background-color:#333;box-shadow:0 6px 10px #0000004d}.blog-card-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:teal;font-family:DM Sans,sans-serif}.blog-card-description{font-size:1rem;margin-bottom:15px;font-family:DM Sans,sans-serif}.blog-card-link{font-size:1rem;color:#00d9d9;text-decoration:none;font-weight:700}.blog-card-link:hover{text-decoration:underline}@media screen and (max-width: 1024px){.blogs-page{flex-direction:column;align-items:flex-start;padding:50px 20px 20px}.blogs-title-div{width:100%;justify-content:center;margin-bottom:20px}.blogs-title{rotate:0deg;font-size:6rem}.blogs-content-div{width:100%;justify-content:center}}@media screen and (max-width: 600px){.blogs-title{font-size:3rem;margin-top:50px;text-align:center}.blog-card{width:90%;max-width:350px}}.blog-page-container{padding:2rem 5rem;background-color:#121212;color:var(--secondary-color);font-family:DM Sans,sans-serif}.blog-page-back-button{font-size:1.1rem;color:#00d9d9;cursor:pointer;margin-bottom:1rem;display:inline-block;transition:color .3s ease}.blog-page-back-button:hover{color:#fff;text-decoration:underline}.blog-page-title-div{text-align:center;margin-bottom:2rem;font-family:DM Sans,sans-serif}.blog-page-title{font-size:2.8rem;color:#00d9d9;font-family:DM Sans,sans-serif}.blog-page-meta{font-size:1rem;color:#bbb;font-family:DM Sans,sans-serif}.blog-page-content{font-family:DM Sans,sans-serif}.blog-page-intro{font-size:1.5rem;line-height:1.6;margin-bottom:2rem;color:#00d9d9;font-family:DM Sans,sans-serif}.blog-page-banner{width:100%;border-radius:12px;margin-bottom:2rem;object-fit:cover;font-family:DM Sans,sans-serif;display:flex;justify-content:center}.blog-page-banner img{width:60%;height:auto;border-radius:12px}.blog-page-tldr p{background-color:teal;padding:1rem;color:#111;margin-bottom:2rem;border-left:5px solid #00ffd0;border-radius:8px;font-family:DM Sans,sans-serif}.blog-page-story-box{background:#00808033;border-left:5px solid #00d9d9;padding:1.5rem;margin:2rem 0;border-radius:10px;font-family:DM Sans,sans-serif}.blog-page-story-box h3{color:#00d9d9;margin-bottom:1rem;font-family:DM Sans,sans-serif}.blog-page-story-box ul{display:flex;flex-direction:column;margin-left:1rem;list-style:disc;font-family:DM Sans,sans-serif}.blog-page-story-box ul li{margin-bottom:.5rem;font-family:DM Sans,sans-serif}.blog-page-moral{margin-top:1rem;font-weight:700;color:#00d9d9;font-family:DM Sans,sans-serif}.blog-page-back-button{cursor:pointer;color:#00d9d9;font-weight:700;margin-bottom:20px;display:inline-block}.go-to-top-button{position:fixed;bottom:30px;right:30px;background-color:#00d9d9;color:#333;border:none;border-radius:50%;width:50px;height:50px;font-size:36px;cursor:pointer;box-shadow:0 4px 6px #0003;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.go-to-top-button.show{opacity:1;visibility:visible}.go-to-top-button:hover{background-color:#00a3a3;transform:scale(1.1)}.go-to-top-button:active{transform:scale(1)}.blog-page-featured-quote{background:teal;color:#111;padding:1rem 2rem;border-left:5px solid #00ffd0;margin:3rem 0;font-style:italic;border-radius:8px;font-size:1rem;font-weight:700;font-family:DM Sans,sans-serif}.blog-page-metrics-table{width:100%;margin:1.5rem 0 2.4rem;border-collapse:separate;border-spacing:0;background:#00d9d908;border-radius:12px;overflow:hidden;box-shadow:0 2px 14px #00d9d90d;font-size:1.04rem}.blog-page-metrics-table th,.blog-page-metrics-table td{padding:1rem 1.2rem;text-align:left;vertical-align:top}.blog-page-metrics-table th{min-width:145px;background:#00d9d912;color:#00d9d9;font-weight:700;font-family:DM Sans,sans-serif;border-bottom:1px solid #00d9d91a;border-right:1.5px solid #00ffd033;font-size:1.08rem}.blog-page-metrics-table td{color:#b4cadd;background:transparent;border-bottom:1px solid #00d9d91a;font-family:DM Sans,sans-serif}.blog-page-metrics-table tr:last-child td,.blog-page-metrics-table tr:last-child th{border-bottom:none}@media (max-width: 600px){.blog-page-metrics-table th,.blog-page-metrics-table td{padding:.75rem .6rem;font-size:.92rem}.blog-page-metrics-table th{min-width:110px}}.blog-page-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.blog-page-metrics-title,.blog-page-tools-title,.blog-page-career-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#00d9d9;font-family:DM Sans,sans-serif}.blog-page-key-metrics,.blog-page-tools-list ul{display:flex;gap:.5rem;font-size:1.2rem;color:#aaa;font-family:DM Sans,sans-serif}.blog-page-paragraph{margin:1rem 0;font-size:1rem;line-height:1.6;color:#aaa;font-family:DM Sans,sans-serif}.blog-page-tags span,.blog-page-key-metrics li,.blog-page-tools-list li{background-color:#00ffd01a;color:#00d9d9;margin-right:8px;padding:.4rem .8rem;border-radius:30px;font-size:.9rem;display:inline-block;font-family:DM Sans,sans-serif}.blog-page-footer{text-align:center;margin-top:4rem;font-size:1rem;color:#aaa}.blog-page-footer a{color:#00d9d9;text-decoration:none;transition:color .3s ease}@media (max-width: 768px){.blog-page-container{margin:0 20px;padding:1.5rem}.blog-page-title{font-size:2.2rem}.blog-page-intro{font-size:1.2rem}.blog-page-banner img{width:80%}.blog-page-tldr p,.blog-page-featured-quote,.blog-page-story-box{font-size:.95rem;padding:1rem}.blog-page-key-metrics,.blog-page-tools-list ul{flex-direction:column;gap:.3rem}.blog-page-tags{justify-content:flex-start}.go-to-top-button{bottom:20px;right:20px;width:45px;height:45px;font-size:28px}}@media (max-width: 480px){.blog-page-container{margin:0 10px;padding:1rem}.blog-page-title{font-size:1.8rem}.blog-page-intro{font-size:1rem}.blog-page-meta{font-size:.85rem}.blog-page-banner img{width:100%}.blog-page-tldr p,.blog-page-featured-quote,.blog-page-story-box{font-size:.9rem;padding:.8rem}.blog-page-key-metrics li,.blog-page-tools-list li,.blog-page-tags span{font-size:.8rem;padding:.3rem .6rem}.blog-page-paragraph{font-size:.9rem;line-height:1.5}.blog-page-back-button{font-size:1rem}.go-to-top-button{width:40px;height:40px;font-size:24px}}:root{--primary-color: #F2DE9B;--secondary-color: #D6CFE1;--accent-color: #2E2E2E}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:#0000000d;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#787878b3,#505050b3);border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#5a5a5acc,#3c3c3ccc)}::-webkit-scrollbar-corner{background:transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Unica One,sans-serif}body{background-color:#2e2e2e}.home{display:flex;justify-content:space-between;height:96vh;padding:80px 50px 0;background-color:var(--primary-color)}.crosses{display:flex;justify-content:space-between;padding:.5rem}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;background-color:#fff0;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:fixed;top:0;left:0;z-index:9999;transition:color .3s ease-in-out}.nav-links{display:flex;align-items:center}.nav-links a{color:var(--accent-color);text-decoration:none;font-size:1.5rem;transition:color .3s ease-in-out}ul{display:flex;list-style:none;gap:1rem}.logo{font-size:1.5rem;font-weight:700;text-transform:uppercase}.project-tab{display:flex;flex-direction:column;min-height:100vh;background-color:var(--accent-color);padding:50px 0 0}.project-title{padding:0 50px;font-size:6rem;font-weight:700;color:var(--primary-color)}.projects{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;gap:5px}.projects-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;height:40vh;text-align:center;color:var(--secondary-color);border:none}.projects-tile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease-in-out}.projects-tile-img:hover{filter:grayscale(0)}.project-t{display:flex;flex-direction:column;min-height:100vh}.p-t{display:flex;flex-direction:column;min-height:100vh;padding-left:50px}.p-d{display:flex;flex-direction:row;justify-content:space-between}.p-nav{position:sticky;top:0;background:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;justify-content:space-between;padding:1rem 2rem}.p-nav p{text-transform:uppercase;font-size:1.5rem;text-decoration:none;font-weight:700;cursor:pointer}.close{opacity:60%;transition:all .3s ease-in-out}.close:hover{opacity:100%}.p-d1{display:flex;flex-direction:column;justify-content:space-between;width:40%}.p-t-des{font-size:1.4rem;font-family:DM Sans,sans-serif}.p-t-name{font-size:5rem;font-weight:bolder;text-transform:uppercase}.p-t-l{display:flex;flex-direction:column;gap:1rem}.p-t-l1 ul{display:flex;flex-direction:column;gap:1rem;font-size:1.5rem}.p-t-l1 h3{font-size:1.5rem;padding-bottom:20px}.p-t-tech{display:flex;gap:.5rem;align-items:center}.p-t-r{display:flex;flex-direction:column;gap:1rem}.p-t-r img{width:100%;height:100%;object-fit:cover}.p-t-links{position:sticky;bottom:0;display:flex;flex-direction:column}.p-t-links a{font-size:1.5rem;text-decoration:none;color:var(--accent-color)}.p-navigator{display:flex;padding:1rem 2rem;align-self:center;gap:1rem;cursor:pointer}.p-navigator p{font-size:1rem;font-weight:700;padding:.5rem 1rem;border:1px solid var(--accent-color)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(135deg,#1e1e1e,#333);color:#f2de9b;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;overflow:hidden;position:relative}.loading-container p{position:relative;display:inline-block;animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,223,112,.5),0 0 20px rgba(255,223,112,.3)}to{text-shadow:0 0 20px rgba(255,223,112,.9),0 0 30px rgba(255,223,112,.6)}}.loading-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-container p{animation:fadeIn .8s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.projects{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects{grid-template-columns:repeat(2,1fr)}.hero-name{font-size:3rem;text-align:center}.navbar{padding:1rem}.nav-links ul{flex-direction:column;gap:.5rem}.footer-divs{flex-direction:column;text-align:center}.home{display:flex;flex-direction:column;padding:60px 20px 0}.hero{padding:60px 20px 0}.hero-img{display:block;width:300px;height:300px;margin:0 auto;object-fit:contain;background-color:#2e2e2e;border-radius:50%}.project-title{font-size:4rem;padding:0 30px}.projects-tile{height:30vh}.hero-des{flex-direction:column;width:100%}.hero-des h2{font-size:3rem}.hero-data{flex-direction:column;gap:1rem}.about-me{padding:60px 20px 0}.about-me-h2{font-size:clamp(2rem,8vw,4rem)}.about-me-des{padding:60px 20px 0}.a-m-des1,.a-m-des2{padding:1rem 20px;width:100%}.tech-stack{padding:60px 20px 0}.tech-stack h2{font-size:clamp(2rem,8vw,4rem)}.tech-details{grid-template-columns:1fr}.tech-d{padding:1rem 20px}.get-conn-link{font-size:2rem;text-decoration:none;color:var(--accent-color);align-items:center;display:flex;font-weight:700}}@media (max-width: 480px){.projects{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,2vw,6rem)}.navbar{padding:.5rem}.nav-links ul{flex-direction:column;gap:.5rem}.footer-divs{flex-direction:column;text-align:center}.home{display:flex;flex-direction:column;padding:40px 10px 0}.hero{padding:40px 10px 0}.projects-tile{height:20vh}.about-me{padding:40px 10px 0}.about-me-h2{font-size:clamp(1.5rem,6vw,3rem)}.about-me-des{padding:40px 10px 0}.a-m-des1,.a-m-des2{padding:1rem 10px;width:100%}.tech-stack{padding:40px 10px 0}.tech-stack h2{font-size:clamp(1.5rem,6vw,3rem)}.tech-details{grid-template-columns:1fr}.tech-d{padding:1rem 10px}.get-conn-link{font-size:1.5rem;text-decoration:none;color:var(--accent-color);align-items:center;display:flex;font-weight:700}}@media (max-width: 1024px){.p-d{flex-direction:column;align-items:center}.p-d1{width:90%;text-align:center}.p-t-name{font-size:3rem}.p-t-l1 ul{flex-direction:column;gap:.8rem;font-size:1.3rem}.p-t-l1 h3{font-size:1.3rem}}@media (max-width: 768px){.p-t{padding-left:20px}.p-t-name{font-size:2.5rem;text-align:center}.p-t-l1 ul{font-size:1.2rem;padding:0}.p-t-l1 li{padding:10px;text-align:center;width:100%;background-color:var(--secondary-color);border-radius:5px}.p-t-l1 h3{text-align:center;font-size:1.2rem;padding-bottom:10px}.p-t-r img{width:100%;height:auto}.p-nav{padding:.5rem 1rem}.p-nav p{font-size:1.2rem}.p-navigator{flex-direction:column;align-items:center}.p-navigator p{font-size:.9rem;padding:.3rem .8rem}}