@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&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{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{overflow-x:hidden;margin:0;line-height:1.6;font-family:Hind,sans-serif}body{display:flex;flex-direction:column}.intro{display:grid;grid-template-areas:"avatar" "name" "role" "bio" "arrow";padding:16px}.name{grid-area:name;font-family:Montserrat,sans-serif;font-weight:600;font-size:18px;margin:0}.role{grid-area:role;font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;color:#0b24f5;margin:0 0 32px;line-height:1}.avatar{grid-area:avatar;width:164px;height:164px;border-radius:50%;object-fit:cover}.bio{grid-area:bio;font-size:18px;font-weight:400;line-height:1.57;margin:0 0 32px}.arrow{grid-area:arrow;justify-self:center}.tech{background:#0b24f5;color:#fff;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;padding:128px 0}.tech h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:56px;margin:0;padding:16px;text-align:center;line-height:1.18}.tech p{font-family:Hind,sans-serif;font-weight:400;font-size:18px;line-height:1.57;margin:0;padding:16px;text-shadow:1px 2px 2px rgba(0,0,0,.25);max-width:500px}.featuredProjects{display:flex;flex-direction:column;align-items:center;gap:32px;padding:128px 0}.featuredProjects h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:56px;margin:0;padding:16px;text-align:center;color:#0b24f5}.project{display:flex;flex-direction:column;gap:16px}.projectImage{grid-area:image;border:0 0 10px 10px solid #0b24f5}.projectTitle{grid-area:title;font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:1.22;margin:16px 0}.projectDescription{grid-area:description;font-family:Hind,sans-serif;font-weight:400;font-size:18px;line-height:1.6;margin:0}.projectTechnologies{grid-area:technologies;display:flex;gap:16px;margin:10px 0;padding:0;list-style:none}.projectTechnologies li{background:#000;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:1.22;padding:4px}.projectLinks{grid-area:links;display:flex;flex-direction:column;gap:8px;margin:16px 0}.projectLinks a{display:flex;align-items:center;gap:8px;background:#f0f0f0;color:#222;border-radius:22px;padding:8px 16px;font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;text-decoration:none;transition:background-color .3s}.projectLinks a:hover{background:#e0e0e0}.myWords{background:#ffecea;display:flex;flex-direction:column;align-items:center;gap:32px;padding:128px 0}.myWords h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:56px;line-height:1.18;margin:0;padding:16px;color:#b0003a}.posts{display:flex;flex-direction:column;gap:64px;padding:0 16px}.postImage{border:0 0 10px 10px solid #ff4575;width:100%;height:auto;aspect-ratio:290/181;object-fit:cover}.postDate{display:inline-block;background:#000;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:1.22;padding:4px;margin-top:16px}.postTitle{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:1.22;margin:9px 0 0}.postDescription{font-family:Hind,sans-serif;font-weight:400;font-size:18px;line-height:1.6}.postLink{display:flex;align-items:center;gap:8px;background:#fff;color:#333;border-radius:32px;padding:16px;font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;text-decoration:none}.postLink:hover{background:#e5e5e5}.skills{background:#0a22f5;color:#fff;display:flex;flex-direction:column;align-items:center;padding:64px 0}.skills h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:56px;line-height:1.18;margin:0;padding:16px}.skillsCategories{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 16px}.skillsCategory h3{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:1.22;padding:4px 8px;display:inline-block;color:#fff}.skillsCategory:nth-child(1) h3{background:#eb5577}.skillsCategory:nth-child(2) h3{background:#2483e0}.skillsCategory:nth-child(3) h3{background:#3a0000}.skillsCategory:nth-child(4) h3{background:#ffde30;color:#0b24f5}.letsTalk{display:flex;flex-direction:column;align-items:center;gap:32px;padding:64px 0}.letsTalk h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:56px;line-height:1.18;color:#0b24f5;margin:0}.letsTalkAvatar{width:164px;height:164px;border-radius:50%;object-fit:cover}.letsTalkText{font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;line-height:1.46;text-align:center}.letsTalkIcons{display:flex;gap:16px;align-items:center}.marquee{background:#ff4575;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:26px;line-height:1.46;padding:16px;overflow:hidden}.marqueeText{display:inline-block;margin-right:10px}@media (min-width: 745px){.intro{grid-template-columns:164px 1fr;grid-template-areas:"name name" "role role" "avatar bio" "arrow arrow";max-width:958px;margin:0 auto;padding:128px 16px}.name{font-size:29px}.role{font-size:56px}.bio{margin-left:16px;align-self:center}.tech p{font-size:24px;line-height:1.5}.project{display:grid;grid-template-areas:"image title" "image description" "image technologies" "image ." "image links";grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:32px;max-width:958px;margin:0 auto}.projectImage{width:100%;aspect-ratio:290/181;object-fit:cover}.featuredProjects h2{font-size:80px}.skillsCategories{flex-wrap:nowrap;justify-content:space-between}.posts{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:958px;margin:0 auto}}@media (prefers-color-scheme: dark){body,.intro,.tech,.featuredProjects,.myWords,.posts,.skills,.letsTalk,.marquee{background-color:#121212;color:#e0e0e0}.role{color:#4d7eff}.tech p,.projectTitle,.projectDescription,.projectTechnologies li,.skills h2,.skills li,.postTitle,.postDescription,.letsTalkText{color:#f0f0f0}.intro h3,.featuredProjects h2,.myWords h2,.letsTalk h2{color:#fff;background-color:transparent}.skillsCategory h3{color:#fff!important}.skillsCategory:nth-child(4) h3{color:#081670!important}.projectTechnologies li{background:#222;border:1px solid #444}.projectLinks a,.postLink{background-color:#1e1e1e;color:#fff;border:1px solid #444}.projectLinks a:hover,.postLink:hover{background-color:#333}.postDate{background-color:#333;color:#fff}a{color:#aad3ff}}body,main,section,.project,.posts,.skillsCategories{padding:0 16px;max-width:100vw;overflow-wrap:break-word;word-break:break-word}