@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-bold.woff2) format("woff2");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{height:auto;overflow:auto;position:relative;background-color:#141414}.gradient-t-m{background:linear-gradient(359deg,#230b2a,rgb(255,112,28),#c9bb13);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.gradient-b-m{background:linear-gradient(359deg,#230b2a,rgb(255,112,28),#c9bb13)}.gradient-t-w{background:linear-gradient(182deg,rgb(255,255,255),#e1e2e2,rgb(68,68,68));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.bor-b{border:1px solid #000}.bor-r{border:1px solid red}.bor-w{border:1px solid #fff}.bac-b{background-color:#2a2ae3}.bac-y{background-color:#ecec28}.color-crimson{color:crimson}.color-yellow{color:#fd0}.color-white{color:#fff}.color-light-grey{color:#bdbdbd}.flex{display:flex}.flex-1{flex:1 1}.center-center{justify-content:center;align-items:center}.center-bottom{justify-content:center;align-items:flex-end}.left-center{justify-content:flex-start;align-items:center}.right-center{justify-content:flex-end;align-items:center}.top-left{justify-content:flex-start}.top-left,.top-right{align-items:flex-start}.top-right{justify-content:right}.col-1-5{width:20%}.col-1-4{width:25%}.col-3-10{width:30%}.col-1-3{width:33.33%}.col-2-5{width:40%}.col-1-2{width:50%}.col-3-5{width:60%}.col-2-3{width:66.66%}.col-7-10{width:70%}.col-3-4{width:75%}.col-4-5{width:80%}.col-1-1{width:100%}.block{display:block}a{color:inherit;text-decoration:none}.h1{font-size:3rem;font-weight:700}.h2{font-size:2.5rem}.h2,.h3{font-weight:600}.h3{font-size:2rem}.h4{font-size:1.5rem}.h4,.h5{font-weight:500}.h5{font-size:1.25rem}.h6{font-size:1rem;font-weight:400}.extreme-tiny{font-size:14px}.tiny{font-size:18px}.small{font-size:25px}.sub-heading{font-size:30px}.regular{font-size:50px}.medium{font-size:60px}.large{font-size:80px}.italic{font-style:italic}.cursor-pointer{cursor:pointer}.mar-l-a{margin-left:auto}.mar-r-a{margin-right:auto}.pos-relative{position:relative}.cover-img{background-size:contain;background-position:50%;background-repeat:no-repeat}.t-a-c{text-align:center}.t-a-l{text-align:left}.t-a-r{text-align:right}.t-t-u{text-transform:uppercase}.font-light{font-weight:300}.font-light,.font-regular{font-family:Poppins,sans-serif}.font-regular{font-weight:400}.font-bold{font-family:Poppins,sans-serif;font-weight:700}.l-h-1{line-height:1}.l-h-1-2{line-height:1.2}.l-h-1-5{line-height:1.5}.container{max-width:1240px;margin:0 auto}.container-small{max-width:1080px;margin:0 auto}.b-r-2{border-radius:2px}.b-r-5{border-radius:5px}.b-r-10{border-radius:10px}.b-r-15{border-radius:15px}.b-r-20{border-radius:20px}.b-r-50{border-radius:50px}.button .btn{width:150px;gap:10px;padding:8px 10px}.opacity-0{opacity:0}.header{padding:15px 0;background-color:rgba(42,42,42,.29);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);position:fixed;width:100%;left:0;top:0;z-index:10}.header .row{justify-content:space-between;align-items:center}.header .row .right ul{position:relative;display:flex}.header .row .right ul li{position:relative;list-style:none;padding:8px 10px;margin:0 15px;cursor:pointer;transition:all .3s ease-in-out}.header .row .right ul li:after{content:"";position:absolute;left:0;bottom:0;height:1.2px;width:100%;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.header .row .right ul li:hover:after{transform:scaleX(1)}.header .row .right ul .resume{cursor:pointer;border:1px solid #fff;padding:8px 25px;transition:all .3s ease-in-out}.header .row .right ul .resume:hover{background:#fff;color:#000}.footer{background-color:rgba(0,0,0,.821)}.footer .row{padding:40px 0}.footer .row .go-to-top{padding:12px;cursor:pointer;transition:all .3s ease-in-out;color:#fff}.footer .row .go-to-top:hover{background-color:#fbfbfb}.footer .row .go-to-top:hover svg{color:#000}.landing-page{background:linear-gradient(358deg,rgba(0,0,0,.02),rgba(80,78,78,.2),rgba(42,41,41,.26))}.landing-page .row{padding:150px 0 120px;gap:50px}.landing-page .row .left .content .name{background:linear-gradient(182deg,#e26060,rgb(209,230,25),#0bceec);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.landing-page .row .left .content .btn{margin-top:50px}.landing-page .row .right{padding:10px;margin-right:20px}.landing-page .row .right .about{margin-top:15px}.landing-page .row .gradient-image{width:400px;height:400px;background-image:url(/image/profile.png);-webkit-mask-image:linear-gradient(180deg,black 80%,transparent);-webkit-mask-image:linear-gradient(180deg,white 70%,transparent),linear-gradient(90deg,white 70%,transparent);-webkit-mask-composite:destination-in;-webkit-mask-image:linear-gradient(180deg,white 80%,transparent),linear-gradient(90deg,white 50%,transparent 95%);mask-image:linear-gradient(180deg,white 80%,transparent),linear-gradient(90deg,white 50%,transparent 95%);-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.experience-Page{position:relative;background:linear-gradient(180deg,rgb(20,20,20) 0,rgba(22,20,20,.72) 50%,rgb(7,7,7));overflow:hidden;z-index:0}.experience-Page .row{position:relative;z-index:2}.experience-Page .top{min-height:200px}.experience-Page .bottom{min-height:300px;gap:15px;margin-bottom:20px}.experience-Page .bottom .left{flex-direction:column;overflow:hidden;height:272px}.experience-Page .bottom .left .framer-box{position:relative}.experience-Page .bottom .left .framer-box .framer{position:absolute;left:30px;top:0;height:100vh;display:flex;align-items:flex-start;z-index:5;background-color:#2a2a2a}.experience-Page .bottom .left .framer-box .progress{width:2px;height:100%}.experience-Page .bottom .right .loc-date{justify-content:space-between}.experience-Page .bottom .right ul{padding:0 20px}.project-Page{background-color:rgba(0,0,0,.76)}.project-Page .row .top{height:200px;padding-top:0;flex-direction:column}.project-Page .row .project-container{height:100%;overflow:hidden;position:relative;background:linear-gradient(180deg,rgb(0,0,0),transparent 55% 20%,transparent 51%,rgb(2,2,2)),linear-gradient(92deg,rgb(0,0,0) 10%,rgba(40,24,17,.83) 50%,rgb(3,3,3) 91%)}.project-Page .row .project-container .framer{position:absolute;left:49.9%;top:0;height:100%;display:flex;align-items:flex-start;z-index:2;background-color:#2a2a2a}.project-Page .row .project-container .progress{width:3px;height:100%}.project-Page .row .bottom{padding:40px 0 30px;gap:100px}.project-Page .row .bottom .left{width:46%;height:300px}.project-Page .row .bottom .left .date{padding:10px 20px;border:1px solid rgba(213,174,19,.733);background:hsla(0,0%,100%,.047);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(200,134,11,.259)}.project-Page .row .bottom .left .circle{position:absolute;content:"";top:48%;right:-51px;height:100%;width:auto}.project-Page .row .bottom .left .circle .icon{position:relative;z-index:5;width:15px;height:15px;background-color:#eca10b}.project-Page .row .bottom .left .date-left{padding:10px 20px;border:1px solid rgba(213,174,19,.733);background:hsla(0,0%,100%,.047);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(200,134,11,.259)}.project-Page .row .bottom .left .circle-right{position:absolute;content:"";top:48%;left:-51px;padding:10px 0;width:auto}.project-Page .row .bottom .left .circle-right .icon{position:relative;z-index:5;width:15px;height:15px;background-color:#eca10b}.project-Page .row .bottom .right{position:relative;overflow:hidden;border:1px solid #3a2f02;transition:all .3s ease;background:linear-gradient(28deg,rgb(92,84,90) -7%,rgba(21,14,1,.96) 16%,rgba(0,0,0,.3)),linear-gradient(349deg,rgb(161,40,16) 5%,rgba(19,13,35,.96) 17%,rgba(12,8,8,.3));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(10px)}.project-Page .row .bottom .right:hover{box-shadow:0 4px 8px rgba(152,151,147,.208)}.project-Page .row .bottom .right .image{width:100%;height:230px;background-size:contain;-webkit-mask-image:linear-gradient(180deg,black 75%,transparent 95%),linear-gradient(90deg,black 20%,transparent 50%);-webkit-mask-composite:destination-in;mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,black 70%,transparent 95%),linear-gradient(210deg,black 71%,transparent 97%);mask-image:linear-gradient(180deg,black 70%,transparent 95%),linear-gradient(210deg,black 71%,transparent 97%)}.project-Page .row .bottom .right .content{padding:25px 20px 30px;position:relative}.project-Page .row .bottom .right .content .visit{position:absolute;content:"";bottom:35px;right:20px;height:20px;width:20px;padding:18px;cursor:pointer;border:1.5px solid #7c7b7b;color:#dce1e8;transition:all .2s ease-in-out}.project-Page .row .bottom .right .content .visit:hover{background-color:#fff;color:#111}.project-Page .row .bottom .right:before{content:"";position:absolute;top:0;left:0;height:1px;width:100%;background:linear-gradient(90deg,rgba(11,206,236,0) 0,rgb(70,113,241) 58%,rgba(11,206,236,0));pointer-events:none;z-index:7}.project-Page .row .bottom .right:after{content:"";position:absolute;top:0;left:0;width:1.5px;height:100%;background:linear-gradient(180deg,rgba(11,206,236,0) 0,rgb(246,247,248) 50%,rgb(115,77,41) 80%,rgba(11,206,236,0));pointer-events:none;z-index:8}.contactPage{background-color:rgba(0,0,0,.747);padding:80px 0 20px}.contactPage .top-heading{gap:10px}.contactPage .bottom{gap:20px;flex-direction:column}.contactPage .bottom .left{min-height:180px}.contactPage .bottom .left .content .address,.contactPage .bottom .left .content .email,.contactPage .bottom .left .content .phone{gap:10px;margin-bottom:15px}.contactPage .bottom .social{flex-direction:column;margin-top:10px;position:relative}.contactPage .bottom .social .top-line-container{position:relative;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 30%,black 70%,transparent);mask-image:linear-gradient(90deg,transparent 0,black 30%,black 70%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.contactPage .bottom .social .top-line{position:absolute;top:0;left:0;height:2px;width:100%}.contactPage .bottom .social .s-top{margin-top:20px}.contactPage .bottom .social .s-content{gap:10px;padding-top:20px}.contactPage .bottom .social .s-content .github,.contactPage .bottom .social .s-content .ig,.contactPage .bottom .social .s-content .linkedin{color:#fff;padding:5px;width:40px;height:40px;border:1px solid #fff;border-radius:50%;transition:all .3s ease-in-out;cursor:pointer}.contactPage .bottom .social .s-content .github:hover,.contactPage .bottom .social .s-content .ig:hover,.contactPage .bottom .social .s-content .linkedin:hover{background-color:#fff;color:#000}.skillPage{position:relative;background:linear-gradient(180deg,rgba(0,0,0,.66) 16% 16%,rgba(36,35,35,.84) 53% 71%,rgb(7,7,7));overflow:hidden;z-index:0;padding:40px 0}.skillPage .skill-heading{position:absolute;top:0;left:0;z-index:1;padding:30px}.skills-scope{width:100%;height:500px;position:relative;padding:20px;border-radius:20px;overflow:hidden;background-color:#3e3e3e}