@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:#151414ef}nav{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;background-color:transparent;z-index:100;box-shadow:0 2px 5px #0000001a}.active{background:linear-gradient(to right,#36c9ff,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:2px solid white}nav ul{display:flex;justify-content:space-between;align-items:center;margin-right:20px;gap:20px}nav ul li{list-style:none;margin:0 1px;font-size:18px;background:linear-gradient(to right,#29ddf5,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav ul a{text-decoration:none;cursor:pointer;transition:color .3s ease,border-bottom .3s ease}nav ul a:hover{background:linear-gradient(to right,#00f,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:2px solid white;text-decoration:none;cursor:pointer}nav h1{font-size:40px;background:linear-gradient(to right,#47c1d3,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:20px}.hamburger{display:none}.ham{width:30px;height:1px;background-color:#fff;margin:5px 0;transition:.5s}.mobilemenu{position:absolute;top:60px;right:0;width:100%;height:100vh;background:#0000009b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);flex-direction:column;align-items:center;justify-content:center;gap:3rem;transition:transform .5s ease-in-out;transform:translate(110%)}.activemobilemenu{transform:translate(3.5%)}.activehamburger .ham:nth-child(1){position:relative;transform:translateY(8px) rotate(45deg)}.activehamburger .ham:nth-child(2){opacity:0}.activehamburger .ham:nth-child(3){position:relative;transform:translateY(-13px) rotate(-45deg)}@media (max-width: 768px){nav{z-index:100}.hamburger{display:flex;flex-direction:column;margin-right:20px;position:absolute;right:60px;top:20px}.desktopmenu{display:none}}#home{height:100%;min-height:100vh;width:100%;display:flex}.lefthome{width:50%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#fff;font-size:2.5rem}.righthome{width:50%;height:100vh;display:flex;justify-content:center;align-items:center}.righthome img{width:60%;object-fit:cover;filter:drop-shadow(2px 2px 40px rgb(133,217,220))}.homedetails{display:flex;flex-direction:column;gap:4px;width:80%}.homedetails .line1{font-size:.8em}.homedetails .line2{font-size:2em;background:linear-gradient(to right,#72d0ce,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homedetails .line3{font-size:.9em}.homedetails button{width:100px;height:40px;border-radius:10px;background-color:#72d0ce;border:none;font-size:20px;padding:5px;color:#000;cursor:pointer;margin-top:10px;transition:.3s}.homedetails button:hover{background-color:transparent;color:#72d0ce;border:1px solid #72d0ce}@media (max-width: 768px){#home{flex-direction:column-reverse}.homedetails{font-size:2rem}.lefthome{width:100%;margin-top:-10vh;height:50vh}.righthome{width:100%;height:60vh}.righthome img{min-height:35vh}.homedetails{width:90%}}#about{min-height:100vh;width:100%;display:flex}.leftabout{width:50%;height:100%;display:flex;justify-content:center;align-items:center;gap:3em}.rightabout{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em}.circle-line{display:flex;align-items:center;flex-direction:column}.circle{width:50px;height:50px;border-radius:50%;background-color:#7ad7ea;box-shadow:2px 2px 20px #82f3f5}.line{width:2px;height:140px;background-color:#fff}.aboutdetails ul{list-style:none}h2{background:linear-gradient(to bottom,#fe130b,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.red{background:linear-gradient(to left,#ff0b0b,#d48b78,#4ad9e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:1em}.blue{background:linear-gradient(to right,#ff2c11,#dedcdc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.personalinfo{margin-bottom:.3em;font-size:1.2em}@media (max-width: 768px){#about{flex-direction:column;display:flex;justify-content:center;align-items:center}.leftabout,.rightabout{width:100%;height:auto}.circle-line{flex-direction:row;justify-content:center;gap:1em}.line{height:2px;width:50px}}@media (max-width: 375px){#about{flex-direction:column;display:flex;justify-content:center;align-items:center}.leftabout,.rightabout{width:100%;height:auto;padding:10px}.circle-line{flex-direction:column;justify-content:center;gap:.5em}.circle{width:30px;height:30px}.line{height:200px;width:2px}.aboutdetails{width:100%;padding:10px}.personalinfo{font-size:1em}.personalinfo ul{padding:0}.personalinfo li{display:flex;flex-direction:column;align-items:flex-start}.red,.blue{font-size:.9em}}.card{width:300px;height:180px;overflow:hidden;background-color:#111010;color:#fff;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 10px #00000080,0 0 10px #00000080}.hovercard img{height:60%;filter:drop-shadow(0 0 10px rgb(0,0,0))}.hovercard{width:100%;transition:all .5s ease;height:100%;bottom:0;background:linear-gradient(to top,#79cddc,#0c111466);position:absolute;display:flex;justify-content:center;align-items:center;transform:translateY(100%)}.card:hover .hovercard{transform:translateY(0);background:linear-gradient(to top,#121f21,#0c111466)}.card:hover h1{opacity:0}.card h1{transition:all .5s ease;z-index:1;background:linear-gradient(to right,#27aec2,#27aec2,#fff,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card:hover{box-shadow:6px 6px 10px 1px #1ea7a9}#contact{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.leftcontact{height:100vh;display:flex;justify-content:center;align-items:center;width:50%}.leftcontact img{height:50%;filter:drop-shadow(2px 2px 40px rgb(133,217,220))}.rightcontact{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%;gap:10px}form{display:flex;width:80%;height:80%;flex-direction:column;justify-content:center;align-items:center;gap:30px;border-radius:10px;box-shadow:2px 2px 10px #000,2px 2px 20px #401212}.socials{display:none}form input,textarea,button{width:80%;padding:10px;border-radius:15px;border:1px solid rgb(59,236,233)}form button{background:#3bece9;border:none;margin-bottom:10px;cursor:pointer;font-size:1em;font-weight:600;transition:.5s;width:50%}form button:hover{background:transparent;border:1px solid rgb(59,236,233);color:#3bece9}@media (max-width: 768px){#contact{flex-direction:column;margin-top:20px;display:flex;padding:20px;justify-content:space-evenly}.leftcontact{display:none;width:100%;min-height:100vh;margin-top:20px}textarea{height:100px}.leftcontact img{height:50%}.rightcontact{width:100%;margin-top:-50px;margin-bottom:90px}img{width:100%;height:50%}.socials{display:none;height:100px;display:flex;justify-content:center;align-items:center;width:100px;background:transparent}form{width:70%;height:70%;gap:10px;margin-top:-10px;padding:20px}}