@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-between;align-items:center;background:#200f21;color:#f638dc;padding:30px 40px;margin-bottom:100px;border-bottom:3px solid #F638DC}#navbar h1{font-size:30px;color:#f186e3}.nav-links{display:flex;gap:30px}#navbar a{color:#f638dc;text-decoration:none;font-size:25px}#navbar a:hover{color:#e097d6;text-decoration:underline}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0;gap:5px;margin:0}.hamburger span{width:30px;height:3px;background-color:#f638dc;transition:all .3s ease}@media (max-width: 768px){#navbar{padding:20px 40px;margin-bottom:50px;flex-wrap:wrap}.hamburger{display:flex}.nav-links{display:none;flex-direction:column;width:100%;gap:15px;margin-top:15px;text-align:center}.nav-links.open{display:flex}#navbar a{font-size:20px}}@media (max-width: 480px){#navbar{padding:15px 40px;margin-bottom:30px}#navbar a{font-size:18px}}#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}@media (max-width: 768px){#profile{flex-direction:column;gap:20px;margin-bottom:30px;font-size:1rem}#profile-pic{width:200px;height:200px}#profile h2{font-size:35px}}@media (max-width: 480px){#profile-pic{width:150px;height:150px}#profile h2{font-size:28px}.icons img{width:30px;height:30px}}.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}@media (max-width: 768px){#thumbnail{max-width:70%}.github{font-size:14px;padding:.25rem .5rem}}@media (max-width: 480px){#thumbnail{max-width:90%}.github{font-size:12px;padding:.2rem .4rem}.github-inline{width:16px;height:16px}}#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}.icons-container{display:flex;flex-wrap:wrap;padding:20px;justify-content:center;gap:1%}@media (max-width: 768px){#about h3{font-size:20px}.toggler{font-size:small;padding:2px 6px}#about img{width:40px;height:40px}.icons-container{gap:8px}}@media (max-width: 480px){#about h3{font-size:18px}.toggler{font-size:x-small;padding:2px 4px}#about img{width:30px;height:30px}.icons-container{gap:5px}}#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}@media (max-width: 768px){.chatbot-response,.user-message{width:70%}input[type=text]{max-width:100%;font-size:14px}}@media (max-width: 480px){.chatbot-response,.user-message{width:85%;padding:8px;font-size:14px}.x{top:-20px;right:-5px;font-size:.7rem}}#footer{background-color:#200f21;color:#fff;text-align:center;padding:20px 0;margin-top:75px}@media (max-width: 480px){#footer{padding:15px 10px;margin-top:50px;font-size:14px}}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}@media (max-width: 1024px){#about,#chat,#projects,#exp{width:75%}.project,.job{width:85%}}@media (max-width: 768px){#about,#chat,#projects,#exp{width:85%;padding:20px;margin:20px auto}.project,.job{width:90%;padding:20px}#projects h2,#about h2,#chat h2,#exp h2{font-size:24px}button{font-size:1.1rem;padding:.3rem .6rem}}@media (max-width: 480px){#about,#chat,#projects,#exp{width:95%;padding:15px;margin:15px auto}.project,.job{width:100%;padding:15px}#projects h2,#about h2,#chat h2,#exp h2{font-size:20px}button{font-size:1rem}}*{padding:0;margin:0}html{scroll-behavior:smooth}