*{margin:0;padding:0;font-family:Poppins,sans-serif}.subtitle{font-size:40px;margin-bottom:20px}.gradient{background:linear-gradient(to right,#00f,#e90faf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block}.container{padding:80px 170px}body{background-color:#020228}.home{height:645px;background-image:url(../assets/Images/portfoliobg.jpg);background-repeat:no-repeat;background-size:cover;padding:40px 3%;background-attachment:fixed}.home-container{height:100%;border-radius:30px;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transform:scale(0);animation:zoom-in 1s ease forwards;background-color:#02022880}@keyframes zoom-in{to{transform:scale(1)}}header{border-top-left-radius:30px;border-top-right-radius:30px;padding:25px 5%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:27px;color:#fff;text-decoration:none;font-weight:700}.navbar a{text-decoration:none;font-size:18px;color:#fff;padding:8px 16px;margin-left:20px;border-radius:20px;transition:.5s}.navbar a:hover,.navbar a.active{background-color:transparent;border:2px solid white;box-shadow:0 0 8px #f4ecec;border-radius:20px}.info{display:flex;align-items:center;justify-content:space-between;padding:50px 5% 0;color:#ffffffc9}.detail{line-height:60px}.detail h2{font:60px}.detail h1{font-size:55px}button{display:inline-block;padding:10px 30px;background-color:#4141f1;border:2px solid rgb(65,65,241);border-radius:40px;color:#fff;font-weight:600;font-size:15px;transition:.8s}button:hover{background-color:transparent;color:#fff;box-shadow:0 0 15px #fff;border:none}.image-box{height:425px;width:425px;overflow:hidden;border-radius:50%;box-shadow:0 0 25px #230fd7;margin-right:50px;transition:all 1s ease-in-out}.image-box:hover{transform:scale(.9);box-shadow:0 0 25px #ca10b1}image{margin-right:200px}.animated{transform:translateY(35px);opacity:0;animation:slide-in 1s ease forwards;animation-delay:1s}@keyframes slide-in{to{transform:translateY(0);opacity:1}}#about{background-color:#02022c;border-top:1px solid rgba(255,255,255,.153)}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.about-col-1{height:450px;width:340px;flex-basis:30%}.about-col-1 img{width:100%;border-radius:15px;transition:all 1s ease-in-out;border-inline-end:3px solid rgb(35,15,215);border-inline-start:3px solid rgb(233,15,175)}.about-col-1 img:hover{transform:scale(.9)}.about-col-2{flex-basis:65%}.about-col-2 p{color:#ffffff87;line-height:20px}.tab-titles p{color:#fff}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{margin-right:50px;font-size:18px;font-weight:500;cursor:pointer;position:relative}.tab-links:after{content:"";width:0;height:3px;position:absolute;left:0;bottom:-8px;transition:.5s;background-color:#fff}.tab-titles .active-link:after{width:50%}.tab-contents ul li{line-height:25px;list-style:none;margin:10px 0;color:#ffffff87}.tab-contents ul li span{color:#fff;font-size:14px}.tab-contents{display:none}.tab-contents.active-tab{display:block}#tasks{background-color:#020228;border-top:1px solid rgba(255,255,255,.153)}.sub-subtitle{display:flex;justify-content:center;padding:10px}.sub-subtitle h2{font-size:30px}.grid{display:grid;margin:18px 0;grid-template-columns:1fr 1fr 1fr;grid-gap:27px;place-items:center}.grid .task{height:90px;width:300px;overflow:hidden;color:#ffffffa4;border-radius:10px;padding:40px;background-color:#0a1f3e;transition:all 1s;box-shadow:0 1px 3px #230fd7}.grid .task h2,p{padding:10px 0}.grid .task a{text-decoration:none}.grid .task:hover{background-color:#020228;transform:scale(1.01);box-shadow:0 1px 3px #e109c1}#seeMore{display:flex;justify-content:center;align-items:center}#seeMore button{margin:30px;cursor:pointer}#projects{background-color:#02022c;border-top:1px solid rgba(255,255,255,.153)}.grid .project{border-radius:10px;position:relative;overflow:hidden;height:330px}.grid .project img{width:100%;border-radius:10px;display:block;transition:all .5s;height:100%}.grid .project h2{color:#fff}.layer{width:100%;height:0;background:linear-gradient(#0009,#230fd7);border-radius:10px;position:absolute;left:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:14px;transition:all .5s;color:#ffffffbf}.layer h3{font-weight:700;margin-bottom:20px}.layer a{margin-top:20px;color:#230fd7;text-decoration:none;font-size:18px;line-height:50px;background-color:#fff;width:50px;border-radius:50%;text-align:center}.project:hover img{transform:scale(1.1)}.project:hover .layer{height:100%}#contact{border-top:1px solid rgba(255,255,255,.153)}.contact-row{display:flex;justify-content:space-around}.contact-col1{flex-basis:30%}.contact-col2{flex-basis:60%}.contact-col1 p{color:#fff;margin-top:30px}.contact-col1 p i{color:#4141f1;margin-right:15px;font-size:25px}.social-icons{margin:30px 0}.social-icons a{text-decoration:none;font-size:30px;margin-right:15px;color:#4141f1;display:inline-block;transition:.5s}.social-icons a:hover{transform:translateY(-5px)}.contact-col2 input,textarea{width:100%;background-color:#ffffff32;color:#fff;padding:8px;margin-bottom:20px;border-radius:5px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);outline:none}footer{display:flex;justify-content:center;align-items:center;padding:20px;color:#fff;border-top:1px solid rgba(255,255,255,.619)}footer h3{font-size:medium;font-weight:500;letter-spacing:1px}footer h3 span{color:#e90faf;font-size:23px}