@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#111417}#about{width:100%;height:100%;display:flex;overflow:hidden}.leftAbout{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;gap:40px}.circle-Line{display:flex;align-items:center;justify-content:center;flex-direction:column}.circle{width:60px;height:60px;border-radius:50px;background-color:#42b4cd;box-shadow:2px 2px 20px #42b4cd}.line{width:2px;height:120px;background-color:#fff}.aboutDetails{display:flex;gap:40px;flex-direction:column}.aboutDetails ul{list-style:none}.aboutDetails h1{background:linear-gradient(to right,#c62a60,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.aboutDetails li{color:#fff}.aboutDetails span{color:#42b4cd}.rightAbout{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}@media (max-width:750px){#about{flex-direction:column}.leftAbout{width:100%;height:80vh;padding:10px}.rightAbout{width:100%}}.card{width:90%;max-width:400px;height:170px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#141a1f;box-shadow:2px 2px 10px #000,2px 2px 20px #000;border-radius:10px;transition:all .2s;flex-shrink:0;padding:10px}.card:hover{box-shadow:2px 2px 10px #57c3db,2px 2px 20px #52cdcf}.hoverCard img{height:90%;filter:drop-shadow(2px 2px 10px black)}.hoverCard{width:100%;height:100%;position:absolute;bottom:0;transform:translateY(100%);transition:all .5s;background:linear-gradient(to top,#79cddcc0,#0c11147e);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card:hover .hoverCard{transform:translateY(0)}.card h1{background:linear-gradient(to right,#74c9e1,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.liveLink{position:absolute;bottom:10px;right:10px;background-color:#00000080;padding:8px;border-radius:50%;transition:transform .3s ease;z-index:2}.liveLink img{width:20px;height:20px;filter:invert(1)}.liveLink:hover{transform:scale(1.2)}.chatbot-toggle{position:fixed;bottom:20px;right:20px;background:#42b4cd;color:#fff;border:none;border-radius:50%;width:55px;height:55px;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;z-index:2000;transition:transform .2s ease,background .3s ease}.chatbot-toggle:hover{background:#1f202164;transform:scale(1.05)}@media (max-width: 768px){.chatbot-toggle{width:45px;height:45px;font-size:20px;bottom:15px;right:15px}}@media (max-width:480px){.chatbot-container{width:85%;height:60vh;max-width:300px}.chatbot-input button{padding:8px 10px;font-size:13px}.chatbot-input input{font-size:13px}.chatbot-toggle{width:40px;height:40px;font-size:18px;bottom:12px;right:12px}}.chatbot-container{width:90%;max-width:350px;height:70vh;max-height:500px;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;background:#fff;overflow:hidden}.chatbot-container.floating{position:fixed;bottom:80px;right:10px;z-index:1000}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#42b4cd;color:#fff;border-radius:12px 12px 0 0;font-weight:700}.chatbot-header button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.chatbot-messages{flex:1;overflow-y:auto;padding:10px;background:#fafafa}.chatbot-message{max-width:75%;padding:10px 14px;margin:8px 0;border-radius:16px;line-height:1.4;word-wrap:break-word}.chatbot-message.user{background:#42b4cd;color:#fff;margin-left:auto;border-bottom-right-radius:0;text-align:right}.chatbot-message.bot{background:#f1f1f1;color:#000;margin-right:auto;border-bottom-left-radius:0;text-align:left}.project-list{padding-left:18px;margin:6px 0}.project-list li{margin-bottom:6px;font-size:14px}.project-list a{color:#42b4cd;text-decoration:none}.project-list a:hover{text-decoration:underline}.chatbot-input{display:flex;gap:6px;padding:10px;border-top:1px solid #eee;background:#fff}.chatbot-input input{flex:1;min-width:0;padding:8px;border-radius:8px;border:1px solid #ccc;font-size:14px}.chatbot-input button{padding:8px 12px;background:#42b4cd;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.chatbot-input button:hover{background:#292b2d}#contact{width:100%;height:100%;display:flex;overflow:hidden}.leftContact{width:50%;height:100vh;display:flex;align-items:center;justify-content:center}.leftContact img{width:50%;filter:drop-shadow(2px 2px 10px rgb(87,196,220))}.rightContact{width:50%;height:100vh;display:flex;align-items:center;justify-content:center}form{width:80%;height:70%;background-color:#13191d;box-shadow:2px 2px 10px #000,2px 2px 20px #000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;border-radius:20px}form:hover{box-shadow:2px 3px 10px #69d0d7,2px 3px 20px #69d0d7;transform:scale(1.2)}form input{width:80%;height:50px;border:3px solid rgb(105,208,215);border-radius:20px;padding:20px;font-size:18px;outline:none}#text-area{width:80%;height:150px;border:3px solid rgb(105,208,215);border-radius:20px;padding:20px;font-size:18px;outline:none}#Submit{width:100px;height:50px;background-color:#69d0d7;display:flex;align-items:center;justify-content:center;padding:0;font-size:18px;transform:all .3s;cursor:pointer}#Submit:hover{background:transparent;color:#69d0d7;transform:scale(1.1);transition:all .2s}@media (max-width:750px){#contact{flex-direction:column}.leftContact{width:100%;height:50vh}.leftContact img{width:70%}.rightContact{width:100%}}#home{width:100%;height:100%;min-height:100vh;display:flex;overflow:hidden}.leftHome{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff}.rightHome{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.aboutme{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10}.aboutme ul{padding:0;margin:0}.aboutme ul li{list-style:none;margin-bottom:18px}.aboutme ul li svg{width:28px;height:32px;transition:transform .3s ease}.aboutme ul li svg:hover{transform:scale(1.5)}.rightHome img{width:50%;filter:drop-shadow(2px 3px 23px rgb(116,201,225))}.homeDetails{font-size:2vmax}.line1{font-size:.87em}.line2{font-size:2.5em;background:linear-gradient(to right,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.line3{font-size:1em}.homeDetails button{cursor:pointer;padding:10px 30px;background-color:#42b4cd;border:none;border-radius:20px;color:#000;border:2px solid rgb(66,180,205);margin-top:30px;font-size:19px;font-weight:700;transition:all .3s;outline:none}.homeDetails button:hover{background-color:transparent;color:#42b4cd}@media (max-width:750px){#home{flex-direction:column-reverse}.leftHome{width:100%;height:50vh;position:relative;top:180px}.rightHome{width:100%;height:50vh;align-items:end}.rightHome img{position:relative;top:130px;height:356px}.homeDetails button{padding:5px 13px;margin-bottom:172px;font-size:15px}}@media (max-width:380px){.homeDetails button{padding:5px 10px;margin-bottom:186px;font-size:14px}}@media (max-width: 750px){.aboutme{right:16px;gap:16px;position:absolute;top:90%}.aboutme ul li{margin-bottom:12px}.aboutme ul li svg{width:25px;height:30px;gap:20px}.aboutme ul li svg:hover{transform:scale(1.3)}}@media (max-width: 400px){.aboutme ul li svg{width:18px;height:22px}.aboutme ul li svg:hover{transform:scale(1.2)}}nav{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;height:80px;position:fixed;top:0;z-index:20;background-color:#111417}nav ul a{cursor:pointer}nav ul a:hover{color:#6bd3d3;border-bottom:2px solid white}.active{color:#6bd3d3;border-bottom:2px solid white}nav ul{display:flex;align-items:center;justify-content:center;gap:23px;color:#fff;list-style:none;font-size:20px}nav h1{font-size:40px;background:linear-gradient(to right,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hamBurger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;cursor:pointer}.hamLine{width:40px;height:2px;background-color:#f0f8ff;transition:all .5s}.mobileMenue{position:absolute;top:80px;width:100%;height:100vh;background:#111417;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);right:0;transform:translate(100%);flex-direction:column;transition:all .5s;gap:50px}.activeMobile{transform:translate(0)}.activehamLine .hamLine:nth-child(1){transform:rotate(45deg);position:relative;top:8px}.activehamLine .hamLine:nth-child(2){opacity:0}.activehamLine .hamLine:nth-child(3){transform:rotate(-45deg);position:relative;top:-12px}@media (max-width:750px){.desktopMenue{display:none}.hamBurger{display:flex}}#projects{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;overflow:hidden}.slider{width:90%;height:300px;padding:20px;display:flex;align-items:center;overflow-y:hidden;overflow-x:scroll;gap:30px;scrollbar-width:none}#heading{font-size:4vmax;background:linear-gradient(to right,#c62a60,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}