#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}.gradio-container{border-radius:20px;flex-direction:column;width:450px;height:610px;margin:0;transition:background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.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)}.loader-container{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.gradio-container{width:85vw;height:60vh;right:20px}}