@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.App{width:100vw;min-height:100vh;display:flex;flex-direction:column}.Home{width:100%}.HeroSection{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.HeroSection img{width:100%;object-fit:cover;clip:auto;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#13131300,#131313cc 10%,#13131300);mask-image:linear-gradient(to right,#13131300,#131313cc 10%,#13131300)}.Hero-Card{position:absolute}.Hero-Card-Links{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px}.Home-About{padding:40px 80px;border-radius:10px;width:80%;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:center;gap:20px}#Home-About-Btn{padding:10px;border-radius:10px;margin-left:auto;width:fit-content;cursor:default}#Home-Projects{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:20px auto}.Home-Projects-Header{border-radius:10px;padding:10px 20px;width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto}.Contact{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:40px 20px;border-radius:10px;width:80%;margin-left:auto;margin-right:auto}.Contact-Header{width:40%;display:flex;flex-direction:column;justify-content:center;gap:20px}.Contact-Form{width:40%}.textarea-container{display:flex;align-items:center;height:36px}.Contact-Form-TextArea1,.Contact-Form-TextArea2{width:100%;border-radius:10px;resize:none;font-family:DM Sans,sans-serif;font-size:1rem;border:none;padding:0;line-height:24px;height:100%;box-sizing:border-box}.Contact-Form-TextArea2{height:160px}.Contact-Form-Btn{padding:10px;border-radius:10px;cursor:pointer}@keyframes buttonScale{0%{transform:scale(1)}to{transform:scale(1.1)}}@media screen and (max-width: 1200px){.HeroSection img{scale:1.5}.Home-About{padding:20px 40px}}@media screen and (max-width: 768px){.HeroSection img{scale:2.5}.Home-About,#Home-Projects,.Home-Projects-Header,.Contact{width:100%;border-radius:0}}@media screen and (max-width: 480px){.HeroSection img{scale:3.5}.Home-About{padding:20px}.Contact{flex-direction:column;padding:20px 10px;gap:40px}.Contact-Header,.Contact-Form{width:100%}}@media screen and (max-width: 425px){.HeroSection img{scale:4.5;rotate:90deg}}.Project-Card{width:380px;height:480px;border-radius:10px}.Project-Card-Image{width:100%;height:40%;overflow:hidden}.Project-Card-Image img{width:100%;height:100%;object-fit:cover}.Project-Card-Content{padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:60%;gap:10px}.Project-Card-Tech{display:flex;justify-content:flex-start;gap:10px;align-items:center;flex-wrap:wrap}.Tech-Card-Container{height:48px;width:48px;overflow:hidden}.About{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:60px;gap:20px}.About-Profile{width:80%;padding:30px;border-radius:10px;display:flex;gap:30px;align-items:flex-start}.About-Profile-Image{width:550px;height:480px;border-radius:10px;overflow:hidden}.About-Profile-Image img{width:100%;height:100%;object-fit:contain}.About-Profile-Desc{flex-basis:100%}.download-resume-btn{margin-top:20px;padding:10px 20px;border-radius:10px;width:fit-content;border:1px solid #d5ff3f;display:flex;justify-content:center;align-items:flex-baseline;gap:20px}.About-Skills{width:80%;display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:10px}.About-Skills-Logos{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.About-Skills-Logos img{margin:10px;height:48px}@media screen and (max-width: 768px){.About-Profile{width:100%;flex-direction:column;gap:20px;border-radius:0}.About-Profile-Image{width:100%;height:300px}.About-Profile-Desc{width:100%}.About-Skills{width:100%;border-radius:0}}.Projects{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:60px;gap:20px;margin-left:auto;margin-right:auto}.Projects-Container{display:flex;flex-wrap:wrap;gap:40px;width:80%;margin-left:auto;margin-right:auto;justify-content:center}.Project-Card-Footer{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.Projects-Container{width:100%}}.Lost{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.Lottie-Container{height:200px;width:200px;margin-left:auto;margin-right:auto;overflow:hidden}.Lost-Message{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.Lost-Btn{width:fit-content;padding:10px 20px;border-radius:10px;margin-left:auto;margin-right:auto;margin-top:20px}.Navbar{position:absolute;top:20px;width:100%;display:flex;flex-direction:column;align-items:center;z-index:100}.Navbar ul{width:100%;display:flex;list-style:none;justify-content:center;gap:100px}@media screen and (max-width: 768px){.Navbar ul{gap:40px}}@media screen and (max-width: 480px){.Navbar ul{gap:20px}}.Contact-Page{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:60px;gap:20px;margin-left:auto;margin-right:auto}.Contact-Page-Header{width:80%;padding:10px 20px;border-radius:10px}.Contact-Form-Btn{width:100%;font-weight:700;font-size:20px}@media screen and (max-width: 768px){.Contact-Page-Header{width:100%;border-radius:0}}.Footer{width:80%;margin-left:auto;margin-right:auto;margin-top:10px;border-radius:10px 10px 0 0;padding-top:40px;padding-right:10%;padding-left:10%}.footer-text{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 768px){.Footer{width:100%;padding-top:20px;padding-right:5%;padding-left:5%}}.Project-Detail{margin-left:auto;margin-right:auto;width:80%;margin-top:60px;display:flex;flex-direction:column;gap:20px}.back-btn{padding:10px 20px;border-radius:10px;width:fit-content}.Project-Detail-Overview{width:100%;display:flex;gap:20px;flex-wrap:wrap;justify-content:start;align-items:center}.Project-Detail-Image{border-radius:10px;flex-basis:50%;overflow:hidden}.Project-Detail-Overview img{border-radius:10px;width:100%;height:100%;background-color:#fff}.Project-Detail-Content{flex-basis:40%;display:flex;flex-direction:column;gap:20px}.Project-Features{padding:10px;border-radius:10px}.Project-Features-List{list-style-type:disc;padding-left:20px}.Project-Features-List li{margin:10px 0}.Project-Features-List li p{padding-left:20px}.Project-Detail-Links{width:100%;display:flex;gap:10px;justify-content:space-around;align-items:center}.Project-Detail-Links-Btn{padding:10px 0;border-radius:10px;width:200px}.Project-Detail-Building{display:flex;justify-content:start;gap:10px;align-items:center}.ripple-container{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;overflow:hidden}.hollow-circle{width:20px;height:20px;border:2px solid #d5ff3f;border-radius:50%;position:relative;z-index:2}.ripple-container:before{content:"";position:absolute;width:20px;height:20px;border:2px solid #d5ff3f;border-radius:50%;transform:scale(1);opacity:.5;animation:ripple-effect 2s infinite ease-out}@keyframes ripple-effect{0%{transform:scale(1);opacity:.5}50%{transform:scale(2.5);opacity:.1}to{transform:scale(4);opacity:0}}@media screen and (max-width: 1200px){.Project-Detail-Links-Btn{width:150px}}@media screen and (max-width: 768px){.Project-Detail{width:100%}.Project-Detail-Overview{flex-direction:column;gap:20px;align-items:center}.Project-Detail-Content{padding:0 20px;flex-basis:100%}.Project-Detail-Image{height:250px;width:100%;padding:0 20px;flex-basis:auto;max-width:420px}.Project-Detail-Links{justify-content:flex-start;gap:40px}}@media screen and (max-width: 425px){.Project-Detail-Image{height:200px}.Project-Detail-Content{padding:0 10px}.Project-Detail-Links{flex-direction:column;gap:10px}}*{box-sizing:border-box;margin:0;padding:0;font-family:DMSans,Times New Roman;overflow-x:hidden}@font-face{font-family:Humane;src:url(/assets/Humane-Regular-DcrGHkY9.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Humane;src:url(/assets/Humane-Bold-CkPXK9yT.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Humane;src:url(/assets/Humane-SemiBold-CBl9FRbY.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:DMSans;src:url(/assets/DMSans-Regular-Bw-KDgr1.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DMSans;src:url(/assets/DMSans-Bold-VVlVe7G0.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:DMSans;src:url(/assets/DMSans-SemiBold-yXWBtD5K.ttf) format("truetype");font-weight:600;font-style:normal}.font-humane{font-family:Humane,sans-serif}.font-DMSans{font-family:DMSans,sans-serif}.text-regular{font-weight:400}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-16{font-size:16px}.text-20{font-size:20px}.text-24{font-size:24px}.text-32{font-size:32px}.text-36{font-size:36px}.text-72{font-size:72px}.text-96{font-size:96px}.text-140{font-size:160px}.text-280{font-size:280px}.text-neon-green{color:#d5ff3f}.text-snow{color:#fff}.text-black-blue{color:#161b22}.text-dark-blue{color:#242938}.text-grey{color:#8b949e}.text-pacific-blue{color:#187bcd}.text-red{color:red}.text-justify{text-align:justify}.outlined-text{font-family:Bebas Neue;font-size:320px;font-weight:regular;-webkit-text-stroke:1px #d5ff3f;opacity:.5;text-overflow:clip;text-wrap:nowrap;color:transparent}.bg-ink-black{background-color:#131313}.bg-neon-green{background-color:#d5ff3f}.bg-snow{background-color:#fff}.bg-black-blue{background-color:#161b22}.bg-dark-blue{background-color:#242938}.bg-grey{background-color:#8b949e}.bg-pacific-blue{background-color:#187bcd}.a-no-decoration{text-decoration:none;color:unset}.text-center{text-align:center}@media screen and (max-width: 1200px){.text-24{font-size:20px}.text-20{font-size:16px}}@media screen and (max-width: 425px){.text-24{font-size:16px}.text-20{font-size:14px}}