@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";@import"https://fonts.googleapis.com/css2?family=Sixtyfour&display=swap";html{scroll-behavior:smooth;-webkit-user-select:none;user-select:none}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center}.logo{font-size:35px;font-weight:700;margin:15px;color:red}.nav ul{display:flex;gap:30px;list-style:none}.nav ul li a{color:#fff;text-decoration:none}.button button{padding:15px 30px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:16px;cursor:pointer;transition:.5s;margin-right:10px}.button a{color:#fff;text-decoration:none}.menu,.menu-btn{display:none}.menu{position:absolute;margin-top:240px;background:#000000a1;right:0;padding:10px;width:40%;margin-right:50px}.menu-btn img{width:30px}.menu ul{list-style:none}.menu ul li{margin:20px 5px}.menu ul a{text-decoration:none;color:#fff}.menu.open{display:flex}@media screen and (max-width:768px){.logo{font-size:25px;white-space:nowrap}.nav ul{gap:15px}.button button{padding:10px 20px}}@media screen and (max-width:425px){.button,.nav ul{display:none}.menu-btn{display:initial;width:25px;padding-right:40px}.name p{font-size:13px}}@media screen and (max-width:320px){.logo{font-size:20px}}*{margin:0;padding:0}body{width:100%}.main{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:30px}.image{display:flex;justify-content:center;margin-left:50px;margin-top:20px}.image img{width:400px}.name{text-align:center}.name span{font-size:45px;font-weight:700}.Typewriter__wrapper{font-size:40px;font-weight:600;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 136.28%);-webkit-background-clip:text;color:transparent}.name p{font-size:15px;width:60%;font-weight:500;text-align:center;margin:0 auto}.buttons{display:flex;justify-content:center;gap:50px;margin-top:50px}.buttons a{color:#fff;text-decoration:none}.first{padding:20px 30px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);cursor:pointer}.first:hover{color:#000}.second{padding:20px 30px;border-radius:50px;border:2px solid white}.second:hover{border-color:#ffd000}@media screen and (max-width:1024px){.name .color{font-size:45px}.image img{width:350px}}@media screen and (max-width:768px){.image img{width:300px}.image{margin-left:10px}.name .color{font-size:40px}.name p{padding:0 20px;width:100%;margin:0}.first,.second{padding:10px 15px}.second{border:2px solid white;border-radius:50px}}@media screen and (max-width:425px){.main{display:initial}.buttons a{font-size:13px}.name .color{font-size:26px;font-weight:700}.buttons{gap:25px;margin-top:40px}.color span{font-size:18px}}@media screen and (max-width:320px){.image img{width:250px}.buttons{gap:20px}.image{margin-left:0;margin-top:0}.name .color{font-size:25px}.name p{font-size:13px}}#about{font-size:50px;font-weight:700;padding:12px 10px;text-align:center}.section-1{width:80%;margin:20px auto 0;padding:20px 0;display:flex;text-align:justify;justify-content:space-evenly;gap:70px}.section-1 img{width:400px;border-radius:10px}.intro p{font-size:18px}.all-skills{margin-top:80px;align-items:center}.skills p{font-size:18px;font-weight:600;min-width:120px}.skills{display:flex;align-items:center;margin-top:10px;gap:40px;white-space:nowrap}.skills div{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 136.28%);width:100px;height:5px;border-radius:10px}.skills:nth-of-type(1) div:empty{width:90%}.skills:nth-of-type(2) div:empty{width:40%}.skills:nth-of-type(3) div:empty{width:60%}.skills:nth-of-type(4) div:empty{width:50%}.skills:nth-of-type(5) div:empty{width:70%}@media screen and (max-width:1024px){.section-1{gap:30px;width:95%}.all-skills{margin-top:60px}}@media screen and (max-width:768px){.section-1{margin:0}.section-1 img,.all-skills{display:none}.sub-section-1{margin-left:20px}.intro{text-align:justify;display:contents}#about span{font-size:25px;margin-left:15px}.intro p{font-size:13px;line-height:25px}}@media screen and (max-width:425px){#about span{font-size:25px}.section-1{padding:0}}@media screen and (max-width:320px){.intro p{font-size:13px}}#contact{margin-top:20px;text-align:center}.c-main{width:80%;margin:0 auto 30px}.color{margin-top:15px;font-size:40px;font-weight:600;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 136.28%);-webkit-background-clip:text;color:transparent}.opentowork{margin-top:30px;font-size:18px;line-height:32px}.icons{display:flex;justify-content:space-evenly;gap:20px;margin-top:50px}.icon{margin-bottom:10px;white-space:nowrap}.icon img{width:40px}.icon-link{display:flex;align-items:center;gap:20px;text-decoration:none;color:inherit;padding:8px 12px;border-radius:8px;transition:.3s ease}.icon-link:hover{transform:scale(1.03);border:2px solid pink;border-radius:15px;background:linear-gradient(264deg,#3b2a18,#4a1d1d)}@media screen and (max-width:768px){.opentowork{font-size:13px}}@media screen and (max-width:425px){.icons{display:initial}.icon-link p{font-size:15px}.icon img{width:30px}.color{font-size:30px}.c-main{width:90%;text-align:justify}.opentowork{margin-top:15px;font-size:13px;line-height:25px}}@media screen and (max-width:321px){.opentowork{font-size:13px;line-height:25px}.icon-link p{font-size:13px}.icon img{width:25px}}.line{width:90%;margin:0 auto;background-color:#fff;height:2px}.para{text-align:center;margin:20px 0;font-size:18px}@media screen and (max-width:768px){.para{font-size:15px}}@media screen and (max-width:320px){.para{font-size:10px}}@media screen and (max-width:420px){.para{font-size:13px}}#service{text-align:center}.box{border:2px solid rgb(255,255,255);border-radius:20px;margin:30px auto 0;width:23%;padding:30px 15px 15px}.colors{font-size:30px;margin:15px 0;font-weight:600;background:linear-gradient(264deg,#df8908 55.09%,#b415ff 156.28%);-webkit-background-clip:text;color:transparent}#tagline{font-size:18px;margin-bottom:30px}.anchor-div{margin-bottom:30px}.anchor-div a{font-size:18px;color:#fff;text-decoration:none}.box{transition:.3s ease}.box:hover{background:linear-gradient(264deg,#3b2a18,#4a1d1d);transform:scale(1.03);border-color:#ff00d0}#service{margin-top:20px}@media screen and (max-width:1024px){.box{width:30%}}@media screen and (max-width:768px){.box{width:40%}}@media screen and (max-width:425px){#heading{font-size:45px;font-weight:700}.colors{margin:10px 0;font-size:20px}#tagline,span{font-size:13px}.box{width:70%}}#Projects{margin-top:20px;text-align:center}.tag-head{font-size:45px;font-weight:700}.project-container{display:grid;margin-left:40px;grid-template-columns:1fr 1fr 1fr}.project-container img{max-width:450px;border-radius:15px;aspect-ratio:16/9;margin-top:40px;transition:.5s ease}.project-container a:hover{transform:scale(1.03)}@media(max-width:1024px){.project-container{grid-template-columns:repeat(2,1fr);margin-left:20px}.project-container img{width:430px}}@media(max-width:600px){.project-container{grid-template-columns:1fr;margin-left:10px}.project-container img{max-width:100%;margin-top:20px}}@media screen and (max-width:768px){.project-container img{width:350px}.project-container{margin-left:0}.tag-head{white-space:nowrap;font-size:25px;font-weight:700}.project-container a{margin:0 auto}}@media screen and (max-width:320px){.project-container img{width:270px}}