#eyeb{animation:5s linear infinite eyeb;transform:translateY(-9px)}@keyframes eyeb{0%{transform:translateY(-10px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(10px)}}#mouth{animation:5s linear infinite mouth;transform:translateY(-5px)}@keyframes mouth{0%{transform:translateY(-10px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(10px)}}#eyey2{animation:4s linear infinite eyey2;transform:translate(-2px)}@keyframes eyey2{0%{transform:translate(-2px)}25%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(2px)}}#notebook{animation:6s linear infinite notebook;transform:translateY(-4px)}@keyframes notebook{0%{transform:translateY(-4px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(4px)}}#legs{animation:6s infinite legs;transform:translateY(-9px)}@keyframes legs{0%{transform:translateY(-10px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(10px)}}#pe{animation:6s infinite pe}@keyframes pe{0%{transform:rotateX(2deg)}}#shirt{animation:6s infinite shirt;transform:translateY(-9px)}@keyframes shirt{0%{transform:translateY(-10px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(10px)}}#tshirt{animation:6s infinite tshirt;transform:translateY(-9px)}@keyframes tshirt{0%{transform:translateY(-10px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(10px)}}#head{animation:6s infinite head;transform:translateY(-9px)}@keyframes head{0%{transform:translateY(-8px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(8px)}}#ears{animation:6s linear infinite ears}@keyframes ears{0%{transform:translateY(-10px)}25%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(10px)}}#brows{animation:6.1s linear infinite brows}@keyframes brows{0%{transform:scale(.96)}25%{transform:scale(1)}75%{transform:scale(1)}to{transform:scale(.96)}}
.skills-main-div{display:flex}.skills-header{text-align:center;font-family:Google Sans Regular;font-size:60px;line-height:1.1}.skills-text{font-size:20px}.skills-text-div{margin-top:3%;margin-left:50px;padding-top:80px;font-family:Google Sans Regular}.skills-main-div>*{flex:1;margin-bottom:30px}.skills-image-div>*{max-width:100%;height:auto;margin-top:100px}.skills-heading{text-align:center;padding-bottom:10px;font-family:Google Sans Regular;font-size:50px;font-weight:400}@media (max-width:1380px){.skills-heading{font-size:40px}.skills-header{font-size:50px}}@media (max-width:768px){.skills-heading{text-align:center;font-size:30px}.skills-header{font-size:30px}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{text-align:center;font-size:16px}.skills-image-div{order:2}.skills-image-div>*{margin-top:0}}
.dev-icons{text-align:center;margin-top:0;margin-bottom:0;padding-left:0;font-size:3rem;list-style:none}.software-skill-inline{margin-bottom:20px;margin-right:20px;font-family:Google Sans Regular;display:inline-block}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}
.chat-widget-wrapper{z-index:9999;flex-direction:column;align-items:flex-end;gap:15px;height:auto;padding:10px;display:flex;position:fixed;bottom:20px;right:20px}.chat-panel{border-radius:16px;flex-direction:column;width:380px;height:520px;transition:background-color .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000038}.chat-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-title{color:#fff;font-family:Google Sans Medium,Arial,sans-serif;font-size:15px;font-weight:700}.chat-close{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.chat-close:hover{opacity:1}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-empty{text-align:center;padding:20px 8px}.chat-empty p{margin:0 0 16px;font-size:14px;line-height:1.5}.chat-starters{flex-direction:column;gap:8px;display:flex}.chat-starter{cursor:pointer;text-align:left;background:0 0;border:1px solid;border-radius:16px;padding:8px 12px;font-family:Google Sans Regular,Arial,sans-serif;font-size:13px;transition:opacity .18s}.chat-starter:hover{opacity:.7}.chat-msg{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:82%;padding:10px 14px;font-family:Google Sans Regular,Arial,sans-serif;font-size:14px;line-height:1.5;animation:.2s chat-fade-in}.chat-msg-user{border-bottom-right-radius:4px;align-self:flex-end}.chat-msg-bot{border-bottom-left-radius:4px;align-self:flex-start}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-typing{align-items:center;gap:4px;height:18px;display:inline-flex}.chat-typing span{opacity:.4;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite chat-bounce}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-input-row{flex-shrink:0;align-items:flex-end;gap:8px;padding:12px;display:flex}.chat-input{resize:none;background:0 0;border:1.5px solid;border-radius:20px;outline:none;flex:1;max-height:100px;padding:10px 14px;font-family:Google Sans Regular,Arial,sans-serif;font-size:14px;line-height:1.4}.chat-input:disabled{opacity:.6}.chat-send{color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:15px;transition:opacity .18s}.chat-send:disabled{opacity:.45;cursor:not-allowed}.chat-send:hover:not(:disabled){opacity:.85}.chat-bubble{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:24px;line-height:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 5px 15px #0003}.chat-bubble:hover{transform:scale(1.1)}@media (max-width:768px){.chat-panel{width:88vw;height:65vh}}