@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&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#111417}nav{display:flex;align-items:center;height:80px;width:100%;justify-content:space-between;padding:20px;position:fixed;background-color:#111417;z-index:1000}nav ul a:hover{cursor:pointer}.active{color:#00f;border-bottom:2px solid white}nav ul{display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;list-style:none}nav h1{font-size:clamp(1rem,2.5vw,2.3rem);background:linear-gradient(to right,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hamburger{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;display:none}.ham{width:40px;height:2px;background-color:#f0f8ff;transition:all .5s}.mobilemenu{position:absolute;top:80px;width:100%;height:100vh;background-color:#111417;right:0;transform:translate(100%);flex-direction:column;transition:all .5s;gap:15px;z-index:1100}.activemobile{transform:translate(0);z-index:10}.activeham .ham:nth-child(1){transform:rotate(45deg);position:relative;top:8px}.activeham .ham:nth-child(2){opacity:0}.activeham .ham:nth-child(3){transform:rotate(-45deg);position:relative;top:-12px}@media (max-width:750px){.desktopmenu{display:none}nav{padding:0;margin:0}nav h1{font-size:20px;background:linear-gradient(to right,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hamburger{display:flex;padding:0}}#home{height:100%;min-height:100vh;background-color:#111417;width:100%;display:flex;margin-bottom:0}.wave{display:inline-block;animation:wave-animation 1.5s infinite;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.lefthome{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff}.homedetails{font-size:3vmax}.line1{font-size:.8em}.line2{font-size:1.5em;background:linear-gradient(to right,#42b4cd,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0;padding:0;line-height:1.2}.line3{margin:0;padding:0;font-size:.7em;line-height:1.2;display:block}.righthome{display:flex;justify-content:flex-end;align-items:center;width:50%;height:100vh}.righthome img{height:30rem;width:60%;margin-right:40px;border-radius:30px;filter:drop-shadow(2px 2px 10px rgb(116,201,225));display:flex;justify-content:center;align-items:center}@media (max-width: 750px){#home{flex-direction:column-reverse;align-items:center;justify-content:center}.righthome{margin-top:10px;width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin-bottom:0}.righthome img{width:90%;height:auto;max-height:70vh;object-fit:contain;margin:0}.lefthome{width:100%;height:auto;display:flex;justify-content:center;align-items:flex-start;padding-top:.5rem}.homedetails{text-align:center;font-size:5vw}}.whatsapp-float-with-text{background-color:#25d366;bottom:20px;right:20px;height:50px;width:210px;z-index:1000;position:fixed;color:#fff;padding:10px 16px;border-radius:30px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;transition:transform .3s ease}.whatsapp-float-with-text:hover{transform:scale(1.05)}@media (max-width: 750px){.whatsapp-float-with-text{width:50px;height:50}span{display:none}}.card{display:flex;flex-direction:column;width:90%;height:150px;max-width:600px;justify-content:center;align-items:center;background-color:#1f2223;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;box-shadow:2px 2px 6px #9de0f1,2px 2px 4px #9de0f1;flex-shrink:0}.card:hover{filter:drop-shadow(2px 2px 10px rgb(116,201,225))}h1{background:linear-gradient(to right,#c23a4e,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:0}.hovercard img{position:absolute;bottom:-100%;left:0;width:100%;height:100%;border-radius:20px;transition:bottom .5s ease-in-out;z-index:1}.card:hover .hovercard img{bottom:0}#about{height:100%;min-height:100vh;display:flex;width:100%;margin-top:250px;margin-bottom:0}.leftabout{width:50%;height:auto;display:flex;align-items:center;justify-content:center;gap:50px}.circle-line{display:flex;justify-content:center;align-items:center;flex-direction:column}.circle{width:50px;height:50px;border-radius:50px;background-color:#0ff;box-shadow:2px 2px 20px #0ff}#line2{height:150px}.line{width:2px;height:130px;background-color:#0ff}.aboutdetails{display:flex;gap:20px;flex-direction:column}.aboutdetails h1{background:linear-gradient(to right,#c23a4e,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.aboutdetails p{color:#fff}.aboutdetails a{text-decoration:none;color:#fff}.aboutdetails a:hover{color:#72c5e7}.aboutdetails strong{color:#04cff7}p span{color:#04cff7;font-weight:800}.rightabout{width:50%;height:auto;display:flex;align-items:center;justify-content:center;gap:50px;margin-top:50px;flex-direction:column}@media (max-width:750px){#about{flex-direction:column}.leftabout{width:100%;padding:5%;margin-top:80px}.rightabout{width:100%}#line2{height:370px}.line{width:2px;height:150px;background-color:#0ff}}#project{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;padding-top:60px;box-sizing:border-box}#project h1{text-align:center;margin:5px}.carddiv{display:flex;flex-direction:column;align-items:center;height:auto;width:300px;background-color:#1e1e1e;color:#fff;border-radius:12px;padding:20px;scroll-snap-align:center;flex-shrink:0;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease}.slider{width:100%;height:auto;color:#fff;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;overflow-x:auto;overflow-y:hidden;gap:30px;padding:20px;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.carddiv:hover{transform:translateY(-5px)}.card-content{text-align:center;margin-top:10px}.card-text{font-size:.95rem;margin-bottom:15px}.card-buttons{display:flex;justify-content:center;gap:10px}.card-buttons button{background-color:#90fff6;border:none;padding:8px 16px;color:#221f1f;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.card-buttons button:hover{background-color:#4fd5f0}@media (max-width: 750px){.slider{flex-direction:column}#project{margin-top:100px;padding-top:100px}.carddiv{width:95%}}#contact{width:100%;height:100%;display:flex;margin-top:100px}.leftcontact{width:50%;height:100vh;display:flex;align-items:center;justify-content:center}.leftcontact img{width:50%}.rightcontact{width:50%;height:100vh;display:flex;justify-content:center;align-items:center}.rightcontact h1{margin-top:0;padding-top:0;font-size:clamp(.925rem,2.5vw,1.5rem);text-align:center}form{width:80%;height:70%;background-color:#323c3c;box-shadow:2px 2px 5px #59cfec,2px 2px 10px #74cef1;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;border-radius:20px}form input{width:80%;height:50px;border:2px solid rgb(116,206,241);padding:20px;border-radius:20px;outline:none}#textarea{width:80%;max-width:100%;height:200px;border:2px solid rgb(116,206,241);padding:20px;border-radius:20px;outline:none}#btn{width:100px;height:40px;background-color:#22f9f9;line-height:30px;padding:0;font-size:20px;font-weight:500;color:#0b1cd6;cursor:pointer;transform:all .3s;text-align:center;border-radius:10px}#btn:hover{background-color:#395858}@media (max-width: 750px){#contact{flex-direction:column}.leftcontact{width:100%;height:50vh}.leftcontact img{width:70%}.rightcontact{width:100%;height:50 vh}}