@import"https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;letter-spacing:.1rem}body{background-color:#111417}#about{width:100%;height:100%;display:flex;overflow:hidden;position:relative}.abouthead{width:100%;text-align:center;font-size:2.5rem;margin:-1rem 0 2rem;color:#fff;position:absolute;top:0;left:0}.leftabout{width:50%;height:100vh;display:flex;justify-content:center;gap:40px}.circle-line{display:flex;flex-direction:column;align-items:center;justify-content:center}.circle{width:60px;height:60px;border-radius:50px;background-color:#daa520;box-shadow:2px 2px 20px #7fffd4}.line{width:2px;height:120px;background-color:#f0f8ff}.aboutdetails{display:flex;gap:40px;flex-direction:column}.aboutdetails ul{list-style:none}.aboutdetails h1{background:linear-gradient(to right,#cd8c42,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.aboutdetails li{color:wheat}.aboutdetails span{color:#f4f4c5}.rightabout{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}@media (max-width: 750px){#about{flex-direction:column}.leftabout{width:100%;padding:10%}.rightabout{width:100%}}*{box-sizing:border-box}.card{width:400px;height:200px;background-color:#1a1a1f;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:2px 2px 10px #000,2px 2px 20px #000;border-radius:12px;transition:all .5s;cursor:pointer;flex-shrink:0}.card:hover{box-shadow:2px 2px 10px #07b4ff22,2px 2px 20px #05aef780}.imgBox{width:100%;height:100%;overflow:hidden}.card img{width:100%;height:100%;margin-top:20px;object-fit:cover;display:block;transition:all .5s;transform:translateY(100%)}.card:hover img{transform:translateY(-10%);opacity:.15}.hovercard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#58cce3e4,#0c1114b9);opacity:0;transition:all .5s;-webkit-backdrop-filter:blur(-2px);backdrop-filter:blur(-2px);z-index:2}.card:hover .hovercard{opacity:1}.card h1{background:linear-gradient(to right,#cd8c42,#505051);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:32px;z-index:4}#contact{width:100%;min-height:100vh;background:url(https://images.unsplash.com/photo-1484807352052-23338990c6c6?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8Y29udGFjdCUyMGZvcm18ZW58MHx8MHx8fDA%3D) center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;overflow:hidden}.heading{font-size:48px;margin-bottom:40px;color:#fff;text-transform:uppercase;letter-spacing:4px;font-weight:800}.contact-form:hover{box-shadow:2px 2px 10px #00eeff9e}.contact-form{width:85%;max-width:600px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 25px #00000080;border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:25px}.contact-form input,.contact-form textarea{width:100%;padding:20px;font-size:16px;background:#fff3;color:#fff;border:inset 11px 12px solid rgba(45,43,43,.358);border-radius:12px;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#272525}.btn{width:50%;margin:auto;padding:15px 30px;font-size:18px;color:#fff;background:#007bff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #007bff66}@media (max-width: 768px){.heading{font-size:36px;margin-bottom:30px}.contact-form{width:90%;padding:30px}.contact-form input,.contact-form textarea{padding:15px;font-size:15px}.btn{width:70%;font-size:16px}}@media (max-width: 480px){.heading{font-size:28px;letter-spacing:2px;margin-bottom:20px;text-align:center}.contact-form{width:95%;padding:25px 20px;gap:18px}.contact-form input,.contact-form textarea{padding:12px;font-size:14px}.btn{width:90%;padding:12px;font-size:15px}}#home{width:100%;height:100%;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}.righthome img{width:60%;filter:drop-shadow(2px 2px 10px rgba(0,200,255,.619))}.homedetails{font-size:2vmax}.line1{font-size:.8em}.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{padding:10px 30px;background-color:#42b4cd;cursor:black;border:2px solid rgb(66,180,205);border-radius:17px;margin-top:30px;font-size:19px;transition:all .2s;cursor:pointer}.homedetails button:hover{background-color:transparent;color:#42b4cd}@media (max-width:750px){#home{flex-direction:column-reverse}.lefthome{width:100%;height:50vh}.righthome{width:100%;height:50vh;align-items:end}}nav{display:flex;align-items:center;justify-content:space-between;padding:20px;width:100%;height:80px;position:fixed;top:0;z-index:20;background-color:#111417;overflow:hidden}nav ul a{cursor:pointer}nav ul a:hover{color:#0ff;border-bottom:2px solid white}.active{color:#0ff;border-bottom:2px solid greenyellow}nav ul{display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;list-style:none;font-size:20px}nav h1{font-size:30px;font-weight:600;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:#11141779;-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)}.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}.hamburger{display:flex}}#projects{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:30px;overflow:hidden}#projects h1#para{font-size:4vmax;background:linear-gradient(to right,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;width:100%;margin-top:90px}.slider{width:90%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;background-color:#111417;padding:20px;border-radius:12px}#projects .card{width:100%;height:180px;background-color:#1a1a1f;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:2px 2px 10px #000,2px 2px 20px #000;border-radius:12px;transition:all .5s;cursor:pointer;text-decoration:none;color:inherit}#projects .card img{width:100%;height:100%;object-fit:cover;transition:all .5s;transform:translateY(100%)}#projects .card:hover img{transform:translateY(-10%);opacity:.15}#projects .card h1{background:linear-gradient(to right,#cd8c42,#505051);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;z-index:3}#projects .hovercard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#58cce3e4,#0c1114b9);opacity:0;transition:all .5s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}#projects .card:hover .hovercard{opacity:1}@media (max-width: 750px){.slider{grid-template-columns:1fr}#projects .card{height:160px}}#projects a{text-decoration:none}#skills{width:100%;padding:200px 20px 40px;background:#111417;color:#fff;font-family:sans-serif;box-sizing:border-box;position:relative;z-index:1;overflow:hidden}#skills h2{text-align:center;margin-bottom:10px;font-size:32px}.skills-container{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.left,.right{flex:1;min-width:280px}.left h3,.right h3{margin-bottom:20px;color:#00e0ff;font-size:24px}.skill{margin-bottom:15px}.skill-info{display:flex;justify-content:space-between;margin-bottom:5px}.progress-bar{width:100%;height:8px;background-color:#1a1a1f;border-radius:8px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,#f0f,#0ff,#f0f);background-size:200% 200%;animation:move 3s linear infinite}@keyframes move{0%{background-position:0 0}to{background-position:200% 0}}