@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&family=Roboto:wght@400;700&display=swap";*{scrollbar-width:thin;scrollbar-color:rgba(0,0,255,0) rgba(255,166,0,0)}*::-webkit-scrollbar{width:0px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-text-color: #000000;--secondary-text-color: #395c7c;--accent-color: #2294ed;--accent-color-dark: #1d69a3;--padding-inline-section: 20px}body{font-family:Poppins,sans-serif;color:var(--primary-text-color);min-height:100vh;display:flex;flex-direction:column}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}p{font-family:Roboto,sans-serif;font-size:1.25rem;color:var(--secondary-text-color);line-height:1.8rem}a{text-decoration:none;display:inline-block}ul{list-style:none}button{width:9em;height:3em;border-radius:30em;font-size:15px;font-family:inherit;border:none;position:relative;overflow:hidden;z-index:1}button:before{content:"";width:0;height:3em;border-radius:30em;position:absolute;top:0;left:0;background-image:linear-gradient(to right,#0fd850 0%,#f9f047 100%);transition:.5s ease;display:block;z-index:-1}button:hover:before{width:9em}.small-bold-text{font-size:1rem;font-weight:700}.flex{display:flex;align-items:center}.top-banner{background-image:url(/images/asset\ 32.png);background-color:#4fb3d4;background-size:300px}.banner-text{color:#fff;padding-left:30px;padding-right:30px;text-align:center}.hover-link{color:var(--primary-text-color);transition:.2s ease-out}.hover-link:hover{color:var(--accent-color)}.primary-button{background-color:var(--accent-color);border-radius:6px;font-weight:700;color:#fff;padding:12px 24px;box-shadow:0 0 2px var(--secondary-text-color);transition:.2s ease-out}.primary-button:hover{background-color:var(--accent-color-dark)}.secondary-button{border:.5px solid var(--secondary-text-color);border-radius:6px;font-weight:700;color:var(--primary-text-color)!important;padding:12px 24px;transition:.2s ease-out}.secondary-button:hover{border-color:var(--accent-color);color:var(--accent-color)!important}nav{position:fixed;top:0;left:0;width:100%;background-color:#222;color:#fff;padding:20px 0;z-index:9999}.container{max-width:1200px;margin:0 auto}.main-nav{display:flex;justify-content:space-between;align-items:center;color:#fff}.logo{font-weight:580;color:#000}.nav-links{flex-basis:730px}.nav-links a{text-decoration:none;color:#fff;font-size:.9em}.nav-links ul{justify-content:end;gap:40px}.link-hover:hover{background-color:#333;border-radius:8px}.notion-button{display:flex;align-items:center;font-size:16px;border-radius:8px;background-color:#222;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.notion-button img{width:30px;filter:invert(1)}.notion-button:hover{background-color:#333}.nav-toggle{width:30px;display:none}.menuButton,.reposive-title{display:none}@media screen and (max-width: 1024px){.main-nav{padding:0 20px}.menuButton{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:13%;color:#090909;width:3.5em;height:3.5em;background:#e8e8e8;border:1px solid #e8e8e8;transition:all .3s}.menuButton:hover{border:1px solid rgb(255,255,255)}.menuButton:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}input[type=checkbox]{-webkit-appearance:none;display:none;visibility:hidden}.menuButton span{width:30px;height:4px;background:#131313;border-radius:100px;transition:.3s ease}input[type]:checked~span.top{transform:translateY(290%) rotate(45deg);width:40px}input[type]:checked~span.bot{transform:translateY(-270%) rotate(-45deg);width:40px;box-shadow:0 0 10px #495057}input[type]:checked~span.mid{transform:translate(-20px);opacity:0}.nav-toggle{display:block;margin-right:10px}.main-nav{overflow:initial}.nav-links{position:absolute;background-color:#222;left:-75vw;top:96px;width:35%;height:900px;padding-block:25px;transition:.2s ease-in-out;z-index:2}.nav-links.active{left:0}.nav-links ul{flex-direction:column;font-weight:700}h3{font-size:1.2rem}.reposive-title{display:flex}}header{padding:0px var(--padding-inline-section);margin-top:120px;margin-bottom:122px}.container{max-width:1180px;margin-inline:auto}.header-section{justify-content:space-around}.header-right{max-width:500px}.header-right img{width:100%}.header-left{max-width:550px}.header-left h1{margin-bottom:10px}.get-started-btn{margin-top:20px}.icons{display:flex;justify-content:space-between;margin-top:30px}.icons>a{margin:auto 0}.icon{width:50px}.celebal-icon{margin:10px 0 0;width:100px}.profile-img{display:flex;justify-content:center}@media screen and (max-width: 832px){.header-section{display:flex;flex-direction:column-reverse;justify-content:center;gap:0px}.header-left{max-width:100vw;margin:0}.header-left h1{margin-bottom:0}.icons{display:flex;justify-content:space-between;margin-top:0}.icon{width:30px}}.greet{max-width:1180px;font-weight:550;margin:auto auto 10px;color:#8f44c5;display:flex;justify-content:flex-start;padding-left:30px}@media screen and (max-width: 832px){.greet{padding-left:0}}footer{position:fixed;bottom:0;left:0;width:100%;background-color:#222;color:#fff;padding:20px 0;margin-top:auto;z-index:9999}.portfolio-info{font-size:1.2em}.portfolio-info h3{font-size:1.5em;opacity:.9;text-align:center}.copyright{text-align:center;margin-top:20px;font-size:.8em;opacity:.7}@media screen and (max-width: 1024px){.center-text{display:none}.copyright{font-size:.8em;opacity:.7;margin:auto}}.projects-tab{max-width:1180px;display:flex;justify-content:center;flex-direction:column;margin:100px auto 121.82px}.projects-tab>h2{display:flex;justify-content:center}.project-type{margin:64px 0 24px 20px;font-size:28px}.project-card{margin:0 24px}.project-image{width:300px;height:300px}.project-name,.project-link{width:300px;display:flex;justify-content:center}.project-slider-container{display:flex;overflow-x:auto;white-space:nowrap}.blogs-main{margin:100px auto 121.82px;max-width:1180px}.blog-tile{background-color:#fff;border:1px solid #e0e0e0;width:570px;border-radius:8px;padding:20px;margin:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out}.blog-tile:hover{transform:translateY(-5px)}.blog-tile h3{font-size:1.5rem;margin-bottom:10px}.blog-tile p{font-size:1rem;color:#555}@media screen and (max-width: 1024px){.blogs-main{display:flex;flex-wrap:wrap;justify-content:center}.blog-tile{width:390px;margin:10px}}