@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";#navbar{display:flex;justify-content:space-evenly;background:#200f21;color:#f638dc;padding:30px 0;align-items:center;margin-bottom:100px;border-bottom:2px solid #F638DC}#navbar a{color:#f638dc;text-decoration:none;font-size:25px}#navbar a:hover{color:#e097d6;text-decoration:underline}#profile{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:50px;font-size:1.1rem}#profile-pic{width:250px;height:250px;border-radius:50%;object-fit:cover;box-shadow:0 0 10px #f4f0f5}#profile-text{display:flex;flex-direction:column;align-items:center}#profile-text img:hover{transform:scale(1.15);cursor:pointer}#profile h2{font-size:43px}.icons{display:flex;justify-content:center;gap:15px;margin-top:10px}.github{border-width:.15rem;padding:.3rem .6rem;font-size:16px}.project{display:flex;flex-direction:column;align-items:center}.project button{padding-left:.5rem}.project button:hover{color:#333}button:hover .github-inline{filter:invert(0)}.github-inline{margin-bottom:-3.5px;margin-right:1px;filter:invert(1)}a{display:flex;justify-content:center}#thumbnail{max-width:50%;margin:1vw 0;object-fit:cover;border-radius:10px}#about h3{text-align:center;font-size:25px}.toggler{position:absolute;background-color:#2b192c;cursor:pointer;left:0;font-size:medium;color:#e0c2dc;margin-top:0;border:2px solid #30022A}#chat{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.chatbox{position:relative;width:100%}.x{position:absolute;top:-25px;right:-10px;font-size:.8rem;padding:2px 5px;border-radius:50%;border-width:.2rem}.chatbot-response{width:50%;margin-right:auto;background-color:#dedede;padding:10px;border-radius:5px}.user-message{width:50%;margin-left:auto;background-color:#333;color:#fff;padding:10px;border-radius:5px}form{display:flex;flex-direction:column;align-items:center}input[type=text]{width:100%;max-width:400px;padding:10px 15px;font-size:16px;border:2px solid #dedede;border-radius:5px;background-color:#fff;color:#333}input[type=text]:focus{outline:none;border:2px solid #333}body{font-family:Inter;background-color:#382039;color:#f4f0f5}#about,#chat,#projects,#exp{width:60%;margin:30px auto;background-color:#5a3d5c;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}#projects h2,#about h2,#chat h2,#exp h2{text-align:center;font-size:30px;margin-bottom:15px;position:relative}.project,.job{background:#816283;margin:0 auto 30px;width:75%;padding:25px;box-shadow:0 4px 6px #0000004d}#projects li,.job li{margin-left:25px}button{padding:.4rem .8rem;border:.2rem solid #333;border-radius:.5rem;background-color:#200f21;color:#fff;font-size:1.3rem;font-weight:700;margin-top:1rem;cursor:pointer}button:hover{background-color:#dedede;color:#333}*{padding:0;margin:0}html{scroll-behavior:smooth}