*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,serif;font-weight:500;font-style:normal;cursor:crosshair}:root{--page-theme:linear-gradient(90deg, #e50f95, rgb(0, 149, 255));--theme-color:#e50f95}::-webkit-scrollbar{display:none}.app{background-color:#000;font-size:20px;color:#fff;height:100vh;width:100vw;position:relative;overflow:hidden;scroll-behavior:smooth}.display{overflow-y:scroll;height:100vh;position:relative;z-index:1;color:#fff}.component{width:85%;margin-left:15%}@media screen and (max-width:800px){.component{width:100%;margin-left:0%}}.home{height:100vh;display:flex;align-items:center;justify-content:space-around;gap:18vw;width:100%;padding:10vw;margin-top:30px;position:relative}.home .left{display:flex;flex-direction:column;gap:2vh}.home .left .college{color:#7e7d84}.home .left .logo{width:100px}.home .left .head{font-size:7vw;font-weight:bolder}.home .left .head span{color:#beb2b2}.home .left a{text-decoration:none}.home .left button{border:none;background-image:var(--page-theme);color:#fff;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px;font-size:15px;padding:10px;border-radius:50%;font-weight:700;margin-top:3vh}.home .left button:hover{transform:scale(1.02);background-color:var(--theme-color);color:#000}.home .left h1{font-size:30px;font-weight:700}.home .left h2{font-weight:bolder}.home .left .typewritter{background:var(--page-theme);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:800px){.home{display:flex;flex-direction:column;height:100vh;margin-bottom:10vh;gap:0;padding:10vw}.home .left{width:100%;height:100%;margin-top:3vh}.home .left .head{font-size:40px}.home .left h1{font-size:20px}.home .left button{font-size:15px}}.right-home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30vw;height:auto}.right-home .scroll-container{width:100%;height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}.right-home .message{font-size:clamp(2.5rem,4vw,4.5rem);background:var(--page-theme);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 800px){.right-home{width:100%;height:auto;box-shadow:none;padding:10px 0}.right-home .scroll-container{height:300px;margin-bottom:1000px}.right-home .message{font-size:1rem}}.about{padding:100px 5vw;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);border-top-left-radius:40px;border-top-right-radius:40px;width:100%;display:flex;flex-direction:row;position:relative;align-items:center;justify-content:space-between;overflow:hidden}.about h1{color:#fff;text-align:center;font-size:120px}@media screen and (max-width: 768px){.about{flex-direction:column;width:100%;padding:50px 10vw}}.about .right{width:50%;display:flex;justify-content:center;align-items:center;margin-right:50px}.about .right img{width:400px;height:400px;border-radius:50%}@media screen and (max-width:800px){.about{justify-content:center}.about .right{margin-right:0}.about .right img{width:200px;height:250px}}.about .left{display:flex;width:100%;flex-direction:column}.about .left .personal-det{display:flex;flex-direction:column;gap:10px;margin-top:20px}.about .left .personal-det .det{display:flex;gap:10px;color:#cec6c6;padding:15px 20px;border-radius:10px;font-weight:700;font-size:20px;background-color:#1d221d99}.about .left .personal-det .det:hover{background-color:#0009}.about .left .about-content{padding:30px;width:100%;margin-top:20px;line-height:1.6;color:#dfcfcf;animation:slideInLeft 2s ease-in-out;border-radius:10px;background-color:#1d221d99}.about .left .about-content p{letter-spacing:1px;font-size:25;font-weight:bolder}.about .left .about-content:hover{background-color:#0009;transform:scale(1.05)}@media screen and (max-width: 800px){.about{flex-direction:column;align-items:center;gap:0;padding:0 4vw}.about h1{margin-bottom:10px;text-align:center;font-size:80px;margin-top:50px}.about .left .personal-det{margin-top:0;margin-bottom:10px}.about .left .personal-det .det{font-size:15px}.about .left .about-content{max-width:100%;padding:20px;margin-bottom:50px}.about .left .about-content p{font-size:1rem}.about .right img{width:90vw;height:45vh}}.whatsapp-link{text-decoration:none;color:#fff}.whatsapp:hover{transform:scale(1.01)}.whatsapp-link:hover{cursor:pointer}.pro{width:100%;padding:100px 4vw;position:relative;background-image:var(--page-theme);border-top-left-radius:40px;border-top-right-radius:40px}.pro h1{font-size:80px;text-align:center;color:#fff}@media screen and (max-width: 1100px){.pro h1{font-size:60px}.projectCardCollection{margin-top:50px}}.pcards{display:flex;justify-content:space-between;align-items:center;background-color:#1d221d99;border-radius:10px;box-shadow:0 4px 8px #0505054d;overflow:hidden;margin:20px 0;transition:transform .3s ease,box-shadow .3s ease;width:100%}.pcards .left{display:flex;flex-direction:column;align-items:center;padding:50px}.pcards .left img{width:100%;max-width:800px;margin-top:20px;border-radius:10px;transition:transform .3s ease}.pcards .left img:hover{transform:scale(1.1)}.pcards .right{padding:20px}.pcards .right h2{color:#fff;margin-bottom:15px;text-align:center;font-size:2rem}.pcards .right p{color:#b2acac;font-size:1.2rem;margin-bottom:20px;line-height:1.6;display:flex;flex-direction:column;gap:5px}.pcards .right p li{list-style:none}.pcards .project-links{display:flex;gap:15px;background-color:transparent}.pcards .project-links a{text-decoration:none;color:#fff;background-image:var(--page-theme);padding:10px 20px;border-radius:5px;font-weight:700;transition:background .3s ease,color .3s ease}.pcards .project-links a:hover{background-color:#fff;background:var(--page-theme);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pcards:hover{transform:scale(1.05);background-color:#0f0f0fcc}@media screen and (max-width:1100px){.pcards{padding:10px;width:100%}.left{width:50%}.left h2{font-size:25px;color:#fff}.left img{width:400px}.right{width:50%}}@media screen and (max-width: 900px){.pcards{display:flex;flex-direction:column}.pcards .left{width:100%;padding:20px}.pcards .left img:hover{transform:scale(1.05)}.pcards .right{width:100%}}.contact{background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);border-top-left-radius:40px;border-top-right-radius:40px;background-color:#000;display:flex;align-items:center;justify-content:space-around;padding:40px 4vw;position:relative;margin-bottom:20px;margin-top:40px;height:100vh}.contact video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.7}.contact .left{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .left .lottie{width:180%}.contact .right{background-color:#1d221d33;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;gap:40px;border-radius:20px;padding:50px 0;justify-content:center}.contact .right h1{font-size:100px;color:#fff;text-align:center}.contact .right form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px}.contact .right form input{font-size:20px;width:80%;padding:10px 20px;outline:none;border:none;color:#000;background-color:#d6d4d4;border-radius:10px}.contact .right form button{width:80%;outline:none;border:1px solid white;background-color:transparent;color:#fff;border-radius:50px;padding:15px 0;font-size:20px;font-weight:700}.contact .right form button:hover{background-color:#fff;transform:scale(1.02);color:var(--theme-color)}.contact .right form textarea{color:#000;width:80%;height:20vh;padding:10px 20px;outline:none;background-color:#d6d4d4;border:none;font-size:20px;border-radius:10px}.contact .right:hover{background-color:#0009}@media screen and (max-width: 800px){.contact{display:flex;height:150vh;flex-direction:column}.contact .left .lottie{width:800px}.contact .right{width:100%}.contact .right h1{font-size:70px}}.skills{width:100%;padding:100px 10%;display:flex;flex-direction:column;gap:40px;background-color:#000;font-family:Arial,sans-serif;position:relative;animation:slideInRight 2s ease-in-out}@media screen and (max-width: 768px){.skills{padding-left:5vw;width:100%;gap:30px}}.skills-head{color:#fff;text-align:center;font-size:100px;margin-bottom:20px}.skill-typing{background:var(--page-theme);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 1000px){.skills-head{font-size:60px}.skill-typing{font-size:30px}}.soft{width:105%;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);border-radius:40px;padding:30px 10px}.soft div{color:#fff;padding:10px 30px;height:150px;width:150px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .3s ease-in-out;text-align:center;text-shadow:5px 5px 5px rgb(49,48,48);background-color:#1d221d99}.soft div:hover{background-color:#0009;transform:scale(1.05)}.tech{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:105%;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);border-top-left-radius:40px;border-top-right-radius:40px;padding:50px}.tech-category{background-color:#1d221d99;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:400px;text-align:center}.tech-category:hover{background-color:#0009;transform:scale(1.05)}.tech-category h2{margin-bottom:15px;font-weight:bolder;font-size:1.2rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.tech-stack{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.stack-item{display:flex;flex-direction:column;align-items:center;width:90px;padding:10px;border-radius:8px;text-align:center;transition:transform .2s ease;color:#fff}.stack-item:hover{transform:scale(1.1)}.stack-item span{margin-top:5px;font-size:.9rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes easeInOut{0%,to{transform:rotate(20deg)}50%{transform:scale(1.1)}}@media (max-width: 768px){.tech-category{width:450px;padding:15px}.soft{align-items:center;padding:100px 0}.soft div{font-size:15px;width:130px;height:130px;padding:20px}}@keyframes popInOut{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stack-item{display:flex;flex-direction:column;align-items:center;width:90px;padding:10px;font-size:xx-large;border-radius:8px;text-align:center;transition:transform .2s ease;color:#fff;animation:popInOut 1.5s infinite ease-in-out}.stack-item:nth-child(1){animation-delay:0s}.stack-item:nth-child(2){animation-delay:.2s}.stack-item:nth-child(3){animation-delay:.4s}.stack-item:nth-child(4){animation-delay:.6s}.stack-item:nth-child(5){animation-delay:.8s}.stack-item:nth-child(6){animation-delay:1s}.nav{position:fixed;top:0;left:0;z-index:10;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12%;border-radius:5px;padding:20px 0;box-shadow:1px 1px 50px #fff}.nav .menu.desktop{display:flex;flex-direction:column;gap:2vw;justify-content:center;transition:all .3s ease}.nav .menu.desktop li{list-style:none;font-size:1vw;cursor:pointer;padding:10px 20px;transition:all .3s ease}.nav .menu.desktop li.active,.nav .menu.desktop li:hover{border-radius:50px;font-weight:bolder;background:var(--page-theme)}.hamburger{display:none;flex-direction:column;cursor:pointer;position:absolute;background-color:#000;padding:20px;border-radius:50%;top:15px;left:50%;transform:translate(-50%);z-index:3}.bar{background-color:#fff;height:3px;width:25px;margin:3px 0;transition:all .3s ease}.bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media screen and (max-width: 850px){.hamburger{display:flex}.nav{width:60px;height:100vh;box-shadow:none}.nav ul{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;background-color:#000;display:none;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;box-shadow:5px 5px 15px #9f9d9d80;list-style:none}.nav ul.menu.active{display:flex}.nav ul.menu.active li{opacity:0;transform:translateY(-10px);animation:fadeInUp .4s ease-in-out forwards;padding:15px;font-size:18px;cursor:pointer;width:80%;text-align:center;transition:all .3s ease}.nav ul.menu.active li.active,.nav ul.menu.active li:hover{border-left:5px solid rgb(250,251,252);border-radius:5px;font-weight:bolder;background-color:#3b3d3e;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.footer{height:60vh;width:100%;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);border-top-left-radius:40px;border-top-right-radius:40px;gap:3vw}.footer h2{font-size:8vw;text-align:center}.footer .links{background-color:#1d221d33;border-radius:50px;padding:100px 50px;display:flex;gap:20px}.footer a{text-decoration:none;list-style:none}.footer a:hover{transform:scale(1.2)}.links:hover{background-color:#0009}@media screen and (max-width: 800px){.footer{flex-direction:column}.footer h2{font-size:60px}}.education{padding:50px 5vw;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);border-top-left-radius:40px;border-top-right-radius:40px;width:100%;display:flex;flex-direction:column;position:relative;color:#fff;overflow:hidden;margin-top:50px}.education h1{text-align:center;font-size:120px;color:#fff}.education-content{margin-top:10px;display:flex;flex-direction:column;gap:10px}.edu-card{display:flex;align-items:flex-start;background-color:#1d221d99;border-radius:10px;padding:25px;transition:.3s ease-in-out;box-shadow:2px 2px 10px #e6e0e3;gap:15px}.edu-card:hover{background-color:#0009;transform:scale(1.05)}.edu-icon{font-size:2rem;color:#00df9a;margin-top:5px}.edu-info h2{font-size:22px;font-weight:700;margin-bottom:5px;color:#dfcfcf}.edu-info p{margin:4px 0;font-size:17px;color:#cec6c6}@media screen and (max-width: 768px){.education{padding:50px 8vw}.education h1{font-size:60px;margin-bottom:20px}.edu-card{flex-direction:column;align-items:flex-start;padding:20px}.edu-info h2{font-size:18px}.edu-info p{font-size:15px}.edu-icon{font-size:1.5rem}}.achievements-section{padding:2rem;background-color:#0f0f0f;color:#fff;text-align:center}.ach-heading{font-size:3rem;margin-bottom:2rem;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ach-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;justify-items:center}.ach-card{background-color:#1d221d;border-radius:16px;padding:1.5rem;width:100%;max-width:300px;box-shadow:0 4px 12px #0095ff;transition:transform .3s ease}.ach-card:hover{transform:translateY(-5px);box-shadow:none;background-image:linear-gradient(-90deg,#0095ff,#e50f95,#e50f95)}.ach-card:hover .ach-icon{color:#fff}.ach-icon{font-size:2rem;color:#0095ff;margin-bottom:1rem}.ach-card h2{font-size:2rem;margin-bottom:.5rem}.ach-card p{font-size:1rem;margin-bottom:.8rem}.ach-card a{color:#fff;text-decoration:none;font-weight:500}.ach-card a:hover{text-decoration:underline}