body{background-color:#000;color:#fff;font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.background-video{height:100vh;left:0;object-fit:cover;position:fixed;top:0;width:100vw;z-index:-1}.navbar{background-color:#0009;display:flex;gap:2rem;justify-content:left;padding:1rem 0 1rem 1cm;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar a{color:#00d8ff;font-size:1.1rem;font-weight:700;margin-right:10px;text-decoration:none;transition:color .3s ease}.navbar a:hover{color:#fff;text-shadow:0 0 10px #00f0ff}.app-container{margin-top:0;min-height:100vh;padding-top:0;position:relative}.home-wrapper{align-items:flex-start;min-height:calc(100vh - 80px);padding:2rem 2rem 1rem}.home-text{max-width:500px}.home-text h1{font-size:3rem;font-weight:700;margin:.5rem 0}.home-text h2{font-size:1.8rem}.home-text h3{font-size:1.4rem;margin:.5rem 0 1rem}.highlight{color:#00d8ff}.home-image .profile-pic{border:4px solid #fff;border-radius:50%;box-shadow:0 0 25px #00f0ff,0 0 45px #ff00f7;height:230px;object-fit:cover;width:230px}.icon-container{animation:fadeIn .9s ease-in forwards;display:flex;gap:20px;justify-content:center;margin-top:1.5rem;opacity:0}.falling-icon{animation:iconFall 1s ease forwards;height:40px;transform:translateX(-100px) translateY(-100px);width:40px}.falling-icon:first-child{animation-delay:.2s}.falling-icon:nth-child(2){animation-delay:.4s}.falling-icon:nth-child(3){animation-delay:.6s}@keyframes iconFall{0%{opacity:0;transform:translateX(-100px) translateY(-100px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes fadeIn{to{opacity:1}}.content{color:#fff;padding:2rem}form{display:flex;flex-direction:column;margin-top:2rem;max-width:400px}input,textarea{font-size:1em;margin-bottom:10px}button,input,textarea{border:none;border-radius:5px;padding:10px}button{background-color:#00d8ff;color:#000;cursor:pointer;font-weight:700}button:hover{background-color:#00a4cc;color:#fff}.home-wrapper{align-items:center;flex-wrap:wrap;gap:3rem;height:100vh;overflow:hidden;padding:0 2rem;position:relative;text-align:center;top:-40px}.about-section,.home-wrapper{color:#fff;display:flex;justify-content:center}.about-section{align-items:flex-start;min-height:100vh;padding:100px 20px 60px}.about-content{max-width:900px;text-align:center}.about-content h2{font-size:3rem;margin-bottom:20px}.about-content .highlight{color:#0ff}.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:40px}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{background:#0009;border-radius:12px;box-shadow:0 0 15px #0ff3;padding:20px;text-align:center;transition:transform .3s ease;width:200px}.card:hover{transform:translateY(-10px)}.card img{height:60px;margin-bottom:10px;width:60px}.card h3{color:#fff}.contact-page{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:2rem}.contact-box{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;max-width:450px;padding:2.5rem;text-align:center;width:100%}.contact-box h2{color:#00796b;font-size:1.8rem;margin-bottom:1.5rem}form input,form textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-size:1rem;margin:.5rem 0;padding:.8rem;width:100%}form textarea{min-height:100px;resize:none}form button{background-color:#00acc1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.9rem;transition:background-color .3s ease;width:100%}form button:hover{background-color:#00838f}.techskills-wrapper{background:#0000;color:#fff;padding:3rem 1rem;text-align:center}.techskills-title{font-size:2rem;margin-bottom:5rem}.techskills-icons{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.tech-icon{align-items:center;animation-duration:2s;animation-fill-mode:forwards;display:flex;flex-direction:column;opacity:0;width:100px}.tech-icon img{height:60px;margin-bottom:.5rem;width:60px}.tech-icon p{font-size:1rem;margin:4}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.slide-left{animation-name:slideInLeft}.slide-right{animation-name:slideInRight}.stack-name{color:aqua;font-size:1rem;margin:4px}.aqua-text{color:aqua}.techskills-boxes{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:4rem}.tech-box{background-color:#111;border-radius:12px;box-shadow:0 0 15px #00ffff4d;color:#fff;padding:1.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:280px}.tech-box:hover{box-shadow:0 0 25px #0ff9;transform:translateY(-5px)}.tech-box h3{color:#0ff;font-size:1.2rem;margin-bottom:10px}.tech-box ul{list-style:none;margin:0;padding:0}.tech-box ul li{font-size:1rem;margin-bottom:8px}.project-card{cursor:pointer;height:300px;perspective:1200px;width:200px}.projects-section{padding:4rem 2rem;text-align:center}.projects-title{color:#fefcfc;font-size:2rem;margin-bottom:2rem;margin-top:-20px;text-align:center}.projects-container{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.project-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-shadow:0 12px 28px #0101004d;display:flex;height:100%;justify-content:center;padding:1rem;position:absolute;width:100%}.card-front{background-color:#64819e;color:#fff;font-size:1.5rem;font-weight:700}.card-back{background-color:#001f3f;color:#fff;flex-direction:column;text-align:center;transform:rotateY(180deg)}.card-back a{color:#00d8ff;font-weight:700;margin-top:10px;text-decoration:none}.card-back a:hover{text-decoration:underline}.experience-section{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:100px;padding-top:10px;position:relative;width:100%}.experience-title{color:#fff;font-size:3rem;margin-bottom:40px;position:relative;text-align:center;z-index:10}.timeline{margin:auto;padding:20px 0;position:relative;width:80%}.timeline:before{background:#00f7ff;border-radius:10px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:1}.timeline-item{animation:slideIn .6s ease forwards;box-sizing:border-box;opacity:0;padding:20px 40px;position:relative;width:50%}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-item:before{background:#00f7ff;border:3px solid #fff;border-radius:50%;content:"";height:20px;position:absolute;top:30px;width:20px;z-index:2}.timeline-item.left:before{right:-10px}.timeline-item.right:before{left:-10px}.timeline-content{background:#000000d9;border-radius:12px;box-shadow:0 0 15px #00ffff80;padding:20px;position:relative;z-index:2}.timeline-logo{height:40px;margin-bottom:10px;object-fit:contain;width:40px}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-item:first-child{animation-delay:.3s}.timeline-item:nth-child(2){animation-delay:.6s}.timeline-item:nth-child(3){animation-delay:.9s}.timeline-item:nth-child(4){animation-delay:1.2s}@media (max-width:768px){.timeline:before{left:8px}.timeline-item{padding-left:40px;text-align:left!important;width:100%}.timeline-item.left,.timeline-item.right,.timeline-item:before{left:0}}.chatbot{background:linear-gradient(to bottom right,#ffe6f0,#ccf2ff);border:3px solid #ffb6c1;border-radius:16px;bottom:20px;box-shadow:0 0 20px #ffb6c180;color:#333;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;max-height:450px;overflow:hidden;position:fixed;right:20px;transition:all .3s ease-in-out;width:300px;z-index:999}.chat-window{flex:1 1;overflow-y:auto;padding:12px}.message{border-radius:15px;font-size:.95rem;line-height:1.4;margin-bottom:10px;max-width:85%;padding:10px 14px}.message.bot{align-self:flex-start;background:#fff0f5;border:1px solid pink}.message.user{align-self:flex-end;background:#ccf2ff;border:1px solid #add8e6;color:#000}.input-row{background-color:#fffafc;border-top:2px solid #ffb6c1;display:flex}.input-row input{background:#0000;border:none;color:#333;flex:1 1;font-size:1rem;outline:none;padding:12px}.input-row button{background:#ffb6c1;border:none;border-radius:0 0 10px 0;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px;transition:background .3s}.input-row button:hover{background:#ff69b4}@media (max-width:600px){.chatbot{bottom:10px;right:5%;width:90%}}
/*# sourceMappingURL=main.2a400dc3.css.map*/