@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap";body{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Lora;background-color:#eee}body,html{overflow-x:hidden}.loadingPage{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#11110f,#2c3e50,#8b5e3c);color:#fff;font-size:2rem;font-weight:700;z-index:9999}.loadingPage h1{margin:0}@keyframes dotAnimation{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@media screen and (max-width: 400px){.loadingPage{font-family:Nunito;font-size:1rem}}.homeContainer{background:linear-gradient(135deg,#11110f,#2c3e50,#8b5e3c);background-size:400% 400%;animation:animate-background 10s infinite ease-in-out;height:770px}@keyframes animate-background{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.TextImgContainer{display:flex;justify-content:space-between}.hometext{margin-top:100px;margin-left:150px}.textDivs h2{font-size:50px;color:#fff}.textDivs h3{font-size:24px;color:#eee}.textDivs p{color:#62be62}.textANIME{position:relative}.homeImg{position:relative;width:500px}.homeImg .overlayHome{position:absolute;top:80px;right:150px;width:100%;height:100%;background-color:#0006;border-radius:30px;z-index:1}.homeImg img{position:relative;top:80px;right:150px;width:500px;border-radius:30px;opacity:0;transform:translate(-50px);transition:opacity .8s ease,transform .8s ease}.homeImg img.in-view{opacity:1;transform:translate(0)}.textDivs{opacity:0;transform:translate(50px);transition:opacity .8s ease,transform .8s ease}.textDivs.in-view{opacity:1;transform:translate(0)}@media screen and (max-width: 1024px){.homeImg{left:100px}}@media screen and (max-width: 950px){.homeContainer{height:1100px}.TextImgContainer{flex-direction:column;gap:110px}.homeText{width:100px!important}.homeImg{width:400px}.homeImg img{width:400px;top:0;left:100px}.homeImg .overlayHome{top:0;left:100px}}@media screen and (max-width: 635px){.hometext{margin-top:50px;margin-left:50px}.homeImg{width:300px}.homeImg img{width:300px;left:0}.homeImg .overlayHome{left:0}}@media screen and (max-width: 410px){.homeImg{width:270px}.homeImg img{width:270px;left:-20px}.homeImg .overlayHome{left:-20px}}@media screen and (max-width: 320px){.homeImg{width:270px}.homeImg img{width:270px;left:-70px}.homeImg .overlayHome{left:-70px}}.upperNavContainer{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:linear-gradient(90deg,#11110f,#2c3e50,#8b5e3c);box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:1000}.logo img{width:70px;border-radius:50%;transition:transform .3s ease}.logo img:hover{transform:scale(1.1)}.menuIcon{display:none;cursor:pointer}.menuIcon img{width:32px;height:32px}.navLists{display:flex;list-style:none;gap:90px;transition:transform .3s ease;cursor:pointer}.navLists li{position:relative}.navLists li a{text-decoration:none;font-size:16px;font-weight:700;color:#fff;transition:color .3s ease}.navLists li a:hover{color:#62be62}.navLists li span:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:3px;background:#62be62;transition:width .3s ease-in-out}.navLists li a:hover span:after{width:100%}@media (max-width: 768px){.menuIcon{display:block}.navLists{position:absolute;top:80px;right:0;background:#000000e6;width:50%;height:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0;overflow:hidden;transform:translateY(-100%);transform-origin:top}.navLists.active{height:50vh;transform:translateY(0);transition:transform .3s ease-in-out}.navLists li a{font-size:18px}}@media (max-width: 480px){.upperNavContainer{padding:15px 10px}.logo img{width:70px}.navLists li a{font-size:16px}}.textContainer{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:1rem;color:#fff;overflow:hidden;margin-top:50px}.animatedText{position:relative;white-space:nowrap;opacity:0;transform:translate(-100%);transition:transform 1s ease-in-out,opacity 1s ease-in-out}.animatedText.visible{opacity:1;transform:translate(0);transition-delay:.5s}.animatedText:not(.visible){opacity:0;transform:translate(-100%)}@media screen and (max-width: 350px){.textContainer{margin-top:0;padding-top:120px}}.navItemsContainer{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#2c3e50,#8b5e3c);border-radius:10px;box-shadow:0 10px 15px #0003;transform:rotate(-2deg);transition:transform .3s ease,box-shadow .3s ease;max-width:600px;margin:20px auto 20px 120px}.navItemsContainer:hover{transform:rotate(0) scale(1.05);box-shadow:0 15px 20px #0000004d}.upperphone,.upperemail{display:flex;align-items:center;gap:10px}.upperphone img,.upperemail img{width:24px;height:24px;filter:invert(100%)}.upperphone h3,.upperemail h3{font-size:16px;font-weight:700;color:#fff;margin:0;white-space:nowrap}.upperemail a:hover h3{text-decoration:underline;color:#62be62}@media screen and (max-width: 1024px){.navItemsContainer{margin:100px auto 0}}@media (max-width: 480px){.navItemsContainer{flex-direction:column;gap:15px;padding:15px}.upperphone h3,.upperemail h3{font-size:14px}.upperphone img,.upperemail img{width:20px;height:20px}}.button-84{--b: 3px;--s: .45em;--color: #ffffff;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer}.button-84:hover,.button-84:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}.button-84:active{background:var(--color);color:#8b5e3c}.aboutContainer{margin:50px 0}.topHeading{margin-top:5%;background-color:#fff;color:#62be62;padding:5px;margin-left:400px;max-width:500px;word-spacing:5px;letter-spacing:5px}.messageIcon{width:550px;height:400px;background:linear-gradient(135deg,#2c3e50,#8b5e3c);clip-path:polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%);margin-left:400px}.messageIcon p{color:#fff;font-size:18px;padding:50px 20px 20px}.aboutPicture{position:relative;width:350px;height:400px;top:-20px;margin-left:800px;overflow:hidden;border-radius:20px;box-shadow:0 10px 20px #0000004d;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.aboutPicture img{width:100%;height:100%;object-fit:cover;border-radius:20px;cursor:pointer}.aboutPicture:hover{transform:translateY(-15px);box-shadow:0 20px 30px #00000080}.aboutPicture:hover img{filter:brightness(1.1) contrast(1.2)}.aboutBtn{margin-top:-120px;margin-left:1300px}.aboutContainer.hidden{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.aboutContainer.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}@media screen and (max-width: 1350px){.topHeading,.messageIcon{margin-left:200px}.aboutPicture{margin-left:600px}.aboutBtn{margin-left:1000px}}@media screen and (max-width: 1160px){.topHeading,.messageIcon{margin-left:100px}.aboutPicture{margin-left:500px}.aboutBtn{margin-left:900px}}@media screen and (max-width: 1060px){.aboutPicture{margin-left:100px}.aboutBtn{margin-left:500px}}@media screen and (max-width: 685px){.topHeading{max-width:200px}.messageIcon{width:400px}.aboutPicture{margin-left:30px}.aboutBtn{margin-left:400px}}@media screen and (max-width: 545px){.topHeading{margin-left:30px;max-width:200px}.messageIcon{margin-left:30px;width:300px;clip-path:polygon(0 0,100% 0,100% 73%,53% 75%,19% 99%,20% 76%,0 75%)}.messageIcon p{font-size:12.5px}.aboutPicture{margin-top:70px;margin-left:30px;width:300px}.aboutBtn{margin-top:-490px;margin-left:162px}}@media screen and (max-width: 335px){.messageIcon,.aboutPicture{width:280px}}.button-89{--b: 3px;--s: .45em;--color: #373B44;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer}.button-89:hover,.button-89:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}.button-89:active{background:var(--color);color:#fff}.clipCardContainer{background:linear-gradient(to bottom,#2c3e50,#1d1d1a);margin-top:5%;margin-bottom:5%;padding-bottom:5%}.clipHeading{margin:0 auto;background-color:#fff;color:#62be62;padding:5px;max-width:500px;word-spacing:5px;letter-spacing:5px}.clipHeading h3{padding-top:50px}.mainClipsContainer{display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px;color:#fff}.clipCardContainer1,.clipCardContainer2,.clipCardContainer3{display:flex}.leftClip{margin-top:2%;width:200px;height:200px;background:linear-gradient(to bottom,#2c3e50,#11110f);clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.leftCard{position:relative;width:300px;height:250px;padding:20px;overflow:hidden;border-radius:20px;box-shadow:0 10px 20px #0000004d;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.leftCard:hover{transform:translateY(-15px);box-shadow:0 20px 30px #00000080}.rightClip{order:1;margin-top:2%;width:200px;height:200px;background:linear-gradient(to bottom,#2c3e50,#11110f);clip-path:polygon(40% 0%,40% 20%,100% 20%,100% 80%,40% 80%,40% 100%,0% 50%)}.clipCardContainer4,.clipCardContainer5,.clipCardContainer6{display:flex;justify-content:flex-end}.rightCard{order:0;position:relative;width:300px;height:250px;padding:20px;overflow:hidden;border-radius:20px;box-shadow:0 10px 20px #0000004d;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.rightCard:hover{transform:translateY(-15px);box-shadow:0 20px 30px #00000080}.card{opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease}.card.visible{opacity:1;transform:translateY(0)}@media screen and (max-width: 1100px){.mainClipsContainer{display:inline}}@media screen and (max-width: 560px){.clipCardContainer{margin-top:90%}.leftClip{width:100px;margin-top:120px}.leftCard{width:200px;margin-top:70px}.rightClip{width:100px;margin-top:120px}.rightCard{width:200px;margin-top:70px}}@media screen and (max-width: 410px){.skillCard{font-size:12px}}@media screen and (max-width: 375px){.clipCardContainer{margin-top:150%}.leftClip{width:60px;margin-top:120px}.leftCard{margin-top:70px}.rightClip{margin-top:120px;width:60px}.rightCard{margin-top:70px}.skillCard{font-size:12px}}@media screen and (max-width: 375px){.card>h3{margin:0}.skillCard{margin-top:5px;font-size:12px}}.carousel-container{padding:50px 20px;text-align:center;background-color:#f4f4f9;position:relative;overflow:hidden}.carousel-title{font-size:24px;font-weight:700;margin-bottom:20px}.carousel{display:flex;align-items:center;position:relative;overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-item{flex:0 0 100%;text-align:center;opacity:1;text-decoration:none}.carousel-item img{width:50%;height:auto;margin:0 auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}.carousel-item h3{margin-top:10px;font-size:18px;color:#333}.carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#333;z-index:10;position:absolute;top:50%;transform:translateY(-50%);padding:10px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button:hover{color:#555}@media screen and (max-width: 426px){.carousel-item{margin-left:-7.5px}.carousel-button{font-size:10px}}@media screen and (max-width: 321px){.carousel-item{margin-left:-11px}.carousel-button{font-size:10px}}.footerContainer{width:100%;background:linear-gradient(135deg,#2c3e50,#8b5e3c);display:flex;flex-direction:column;gap:70px}.logo2{margin-top:50px;margin-left:20px;display:flex;align-items:center;gap:20px}.logo2 img{width:100px;border-radius:50%}.logotext2{color:#fff;font-family:Fraunces}.spa{color:#62be62}.textAbout{color:#cccbcb;margin-left:20px}.usefulLink{margin-top:30px}.links{display:flex;flex-direction:column;gap:10px;margin-left:20px}.links a{text-decoration:none;color:#62be62;transition:.5s ease-in-out}.links a:hover{color:#eee}.use{text-transform:uppercase;color:#eee;margin-left:20px;letter-spacing:5px;margin-bottom:20px}.followUs{margin-top:30px}.US{text-transform:uppercase;color:#eee;margin-left:20px;letter-spacing:5px;margin-bottom:20px}.followContainer{margin-left:20px;margin-bottom:20px;display:flex;gap:10px}.linkin{width:60px;height:50px;border:1px solid #eee;cursor:pointer}.linkin img{width:30px;margin:10px 13px;background-color:#eee;border-radius:7px;transition:.3s ease-in}.linkin img:hover{background-color:#62be62}.contactInfo{display:flex;flex-direction:column;gap:20px}.footP{color:#cccbcb;margin-left:20px}.copyright{background-color:#212121;border-top:1px solid #eee;padding-top:20px;padding-bottom:10px}.cpp{color:#eee;text-align:center}.cp{color:#62be62}@media screen and (min-width: 1085px){.footerContainer{display:flex;flex-direction:row;padding-top:5%;padding-bottom:6%}.logo2 img{width:100px;margin-top:10px;border-radius:50%;margin-left:50px}.logo2{margin-top:0!important}.usefulLink,.followUs{margin-top:0}.fname,.email{width:80%}.followContainer{flex-direction:column}}.infoSectionsContainer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;margin:80px;cursor:pointer}.section{flex:1 1 calc(50% - 20px);width:0%;height:350px;display:flex;align-items:center;justify-content:center;background:#2c3e50;border-radius:8px;opacity:0;transform:translateY(50px);transition:opacity .6s ease,transform .6s ease}.innerSection{text-align:center;color:#fff;text-decoration:none;font-size:24px;font-weight:700;width:90%;height:90%;background:#8b5e3c;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0003;transition:transform .3s ease}.innerSection:hover{transform:scale(1.05) rotate(2deg);background-color:#11110f;color:#f4e8d1}.innerSection h2:hover{color:#62be62}.section.in-view{opacity:1;transform:translateY(0)}@media (max-width: 768px){.section{flex:1 1 100%;/}}@media (max-width: 480px){.infoSectionsContainer{margin:40px}.section{height:150px}.innerSection h2{font-size:16px}}.scrollContainer{width:80%;overflow:hidden;margin:30px auto;position:relative;background:linear-gradient(135deg,#2c3e50,#8b5e3c);border-radius:10px;padding:20px 0;cursor:pointer}.scrollWrapper{display:flex;gap:20px;animation:scroll 20s linear infinite}.imageContainer{flex:0 0 auto;width:100px;height:100px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.imageContainer img{width:100%;height:100%;object-fit:contain;border-radius:8px}.imageContainer:hover{transform:scale(1.3);box-shadow:0 8px 15px #00000080}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.imageContainer{width:80px;height:80px}}@media (max-width: 480px){.imageContainer{width:60px;height:60px}}.cardAbout2{margin:5% auto;padding:2em;width:700px;background:#1c1f2b;text-align:center;border-radius:10px;position:relative}.cardAbout2{color:#fff}.cardAbout2 h3{font-size:30px}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.cardAbout2:after,.cardAbout2:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#11110f,#eae0d5,#2c3e50,#bbdefb,#2c3e50);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:3px;border-radius:10px;animation:3s spin linear infinite}.cardAbout2:before{filter:blur(1.5rem);opacity:.5}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.cardResumeContainer{display:flex;margin-bottom:20px}.cardResume{width:400px;height:400px;border-radius:50%;margin:0 auto;background:linear-gradient(45deg,#a5fecb,#20bdff);transform-style:preserve-3d;transition:all 1s ease-in-out}.circle{border-radius:inherit;position:absolute;background:linear-gradient(#ffffff27,#ffffff28);box-shadow:-5px 5px 10px #64646f33;transition:all 1s ease-in-out}.circle:nth-child(1){top:25px;right:25px;bottom:25px;left:25px}.circle:nth-child(2){top:50px;right:50px;bottom:50px;left:50px}.circle:nth-child(3){top:75px;right:75px;bottom:75px;left:75px}.circle:nth-child(4){top:100px;right:100px;bottom:100px;left:100px}.circle:nth-child(5){top:125px;right:125px;bottom:125px;left:125px}.cardResume:hover{transform:rotate3d(1,1,0,60deg)}.cardResume:hover .circle:nth-child(1){transform:translateZ(30px)}.circle:nth-child(1){transform:translateZ(30px)}.circle:nth-child(2){transform:translateZ(60px)}.circle:nth-child(3){transform:translateZ(90px)}.circle:nth-child(4){transform:translateZ(120px)}.circle:nth-child(5){transform:translateZ(150px)}.resume{font-size:18px;font-weight:500;color:#4a4a4a;text-align:center;background:linear-gradient(90deg,#e3f2fd,#bbdefb);padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:400px}.resumeInput{border:navy;padding:15px}.move{margin-top:40px}@media screen and (max-width: 810px){.cardAbout2{width:300px}}@media screen and (max-width: 720px){.cardResumeContainer{flex-direction:column}}@media screen and (max-width: 444px){.cardAbout2{width:200px}.cardResume{width:200px;height:200px}}.skillsContainer{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;opacity:0;padding:30px 0;margin-bottom:20px;transform:translate(0);background:linear-gradient(135deg,#2c3e50,#8b5e3c);transition:opacity .6s ease-out,transform .6s ease-out}.skillsContainer.inView{opacity:1;transform:translate(0)}.skillsContainer.outView{opacity:0;transform:translate(-100px)}.skill{width:200px;height:250px;padding:20px;border-radius:10px;background:#f3f3f3;box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;opacity:0;transform:translate(0)}.skill h4{color:#62be62;font-size:1.5rem;margin-bottom:15px}.skill p{font-size:1rem;color:#555}.skill:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0000004d}.skillsContainer.inView .skill{opacity:1;transition:opacity .6s ease-out,transform .6s ease-out}.skill:nth-child(odd){transform:translate(-100px)}.skill:nth-child(2n){transform:translate(100px)}.skillsContainer.inView .skill:nth-child(odd){transform:translate(0)}.skillsContainer.inView .skill:nth-child(2n){transform:translate(0)}.project-details-container{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.backgroundNav{background-color:#555;height:120px}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%}.project-images img{width:100%;height:auto;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.project-images img:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.project-details-container h1{font-size:2rem;text-align:center;margin-bottom:1rem;color:#333}.project-description{text-align:center;color:#555;font-size:1.2rem;line-height:1.5;padding:1.5rem;background:#f9f9f9;border-radius:10px;margin-top:1rem;width:90%;max-width:800px;box-shadow:0 4px 8px #0003}.project-description:hover{background:#eaeaea;transition:background .3s ease}.button-88{--b: 3px;--s: .45em;--color: #373B44;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer}.button-88:hover,.button-88:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}.button-88:active{background:var(--color);color:#fff}