html{scroll-behavior:smooth;scroll-padding-top:60px;background-color:#000}.home{color:#fff;position:relative;z-index:1;text-align:center;margin-top:7vh}.container{background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e,#0f3460);background-attachment:fixed;color:#fff}@media (min-width: 720px){.container{display:flex;padding-top:100px;padding-bottom:150px}.greet{margin:100px 150px}.greet h3{font-size:85px}.avatar img{height:500px;width:500px;border-radius:20px}}@media (max-width: 480px){.home{margin-top:4vh}.avatarcan{width:200px;height:400px}.greet h3{font-size:45px}.avatar img{height:250px;width:250px;border-radius:20px}.container{padding:160px 0}.greet{margin:0 0 40px}}*{margin:0;padding:0;box-sizing:border-box}.navbar{position:fixed;top:0;width:100%;display:flex;font-size:20px;justify-content:space-between;align-items:center;background:#000;color:#928cff;z-index:1000;padding:10px}.nav-heading a{margin:5px}.navcon{display:flex;justify-content:space-between;align-items:center}.menu{display:flex;gap:20px}.menu ul{display:flex;gap:15px;list-style:none;margin:0;padding:0}.menu ul li{margin:10px}.menu ul li a{color:#f5f5f5;text-decoration:none;font-size:18px;font-family:Montserrat,sans-serif;transition:color .3s}.menu ul li a:hover{color:#928cff}.hamburger{display:none;font-size:24px;cursor:pointer;color:#fff}@media (min-width: 720px){.nav-heading{margin:0 300px}.nav-heading a{margin:10px}}@media (max-width: 768px){.menu{position:absolute;top:100px;right:0;background-color:#000000e6;flex-direction:column;width:200px;height:50vh;justify-content:center;align-items:center;gap:20px;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 10px #00000080;z-index:999}.menu.active{transform:translate(0)}.menu ul{flex-direction:column;gap:20px}.hamburger{display:block;margin:0 5px 0 60px}}.skills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;width:100%}.skill-head{font-size:3rem;padding-top:20px}.spheres{display:flex;gap:20px;flex-wrap:wrap}.skill-p{font-size:15px;color:#d7d4ff;border:2px solid #c282f9ee;border-radius:20px;padding:10px;margin:10px;box-shadow:2px 2px 15px #c282f9ee}@media (min-width: 720px){.skills{padding:0 300px}.skill-head{margin:100px 0 30px}.skill-p{margin-left:450px;max-width:600px;font-size:25px;line-height:30px;text-align:center}}@media (max-width: 580px){.skill-container{background-color:#000}}.ball-container{width:100px;height:100px;display:flex;margin:25px}@media (min-width: 720px){.ball-container{width:130px;height:130px}}.canvas-container{position:fixed;width:100%;height:3900px;top:0;left:0;pointer-events:none}@media (max-width:480px){.canvas-container{height:4600px}}.about-card{display:flex;flex-wrap:wrap;justify-content:center}.head-about{font-size:2.5em;padding-top:40px;text-align:center;color:#fff}.about-p{font-size:small;color:#d7d4ff;border:2px solid #c282f9ee;border-radius:20px;padding:10px;font-size:25px;box-shadow:2px 2px 15px #c282f9ee}.about-container h3{font-size:3rem}@media (min-width: 720px){.about{padding:50px 0 40px}.about-p{line-height:30px;margin:20px 220px}}@media (max-width: 720px){.about-container{background-color:#000}.about-p{margin:20px 20px 0;font-size:15px}}.card-container{height:250px;width:200px;margin:10px;border:1px solid #c282f9ee;border-radius:30px;display:flex;justify-content:center;align-items:center;background-color:#000;perspective:1000px;transition:transform .1s ease}.main-cont{display:flex}.card-container:hover{box-shadow:10px 20px 40px #c282f9ee}.card-inner{height:220px;width:170px;border:1px solid #c282f9ee;border-radius:30px;display:flex;justify-content:center;align-items:center;background-color:#1b1b1b;transition:transform .1s ease}.card-container:hover .card-inner{transform:rotateY(15deg) rotateX(10deg)}.cards{position:relative;transition:transform .3s ease;transform-style:preserve-3d}@media (min-width: 720px){.card-container{margin:40px}}.main-heading{font-size:2.5em;padding:30px 0;text-align:center;color:#fff}.work-experience{position:relative;padding:0 20px}.timeline{position:relative;display:flex;flex-direction:column;align-items:center}.timeline-line{position:absolute;width:4px;height:100%;background-color:#c282f9;transform:translate(-50%);z-index:1}.timeline-item{position:relative;margin-bottom:40px;padding:20px;background-color:#1b1b2f;border-radius:12px;box-shadow:0 4px 10px #00000080}.timeline-item.left{left:-25%;text-align:right}.timeline-item.right{left:25%;text-align:left}.content{width:400px}.content h3{margin:0;color:#c282f9}.content h4{color:#aaa}.content p{margin:10px 0;color:#ccc}.content ul{margin:10px 0;padding:0;list-style-type:square;color:#fff}.content ul li{margin-bottom:8px}@media (max-width: 768px){.content{width:100%}.timeline-item{width:90%;left:0;margin-left:auto;margin-right:auto}.timeline-line{left:2%}.timeline-item.left,.timeline-item.right{left:3%;text-align:left}}@media (max-width: 480px){.work-experience{background-color:#000}}.contact-form-container{width:500px;margin:auto;padding:20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 10px #0000004d}.contact-form-container h2{color:#b465f9ee;text-align:center;margin-bottom:20px}form{display:flex;flex-direction:column}input,textarea{margin-bottom:15px;padding:20px;border-radius:5px;border:1px solid #c282f9ee;outline:none;background-color:#333;color:#fff}input::placeholder,textarea::placeholder{color:#bbb}button{background-color:#b465f9ee;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#928cff}@media (max-width:720px){.contact-form-container{width:300px}.contact-container{background-color:#000;padding-bottom:40px}}@media (min-width:720px){.contact-container{display:flex;justify-content:center;align-items:center}}.earth-container{display:flex;justify-content:center;align-items:center;width:100%;height:500px}.earth-canvas{width:100%;height:100%}@media (max-width:720px){.earth-containe{height:300px}}@media (min-width:720px){.earth-container{margin-left:100px;height:650px;width:500px}}.projects-section{padding:3rem 1rem;background-color:#000;color:#fff}.projects-section h2{text-align:center;margin-bottom:5rem;margin-top:2rem;font-size:3rem;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-hscroll{display:flex;overflow-x:auto;gap:2rem;padding-bottom:2rem;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.projects-hscroll::-webkit-scrollbar{display:none}.project-card{flex:0 0 calc((100% - 4rem) / 3);box-sizing:border-box;margin:30px 30px 60px;height:340px;max-width:400px;min-width:280px;background:#1d2043dc;border-radius:18px;padding:1rem 1.2rem;box-shadow:0 6px 32px #14121a44;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;cursor:pointer;scroll-snap-align:center;transition:box-shadow .2s,transform .2s}.project-img{width:100%;height:200px;border-radius:12px;object-fit:cover;transition:opacity .4s,transform .4s;display:block;margin-bottom:.5rem}.project-name{margin:20px;font-size:1.6rem;font-weight:600;text-align:center;color:#fff}.project-details{opacity:0;pointer-events:none;transform:translateY(40px);transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;width:100%;height:100%;background:#232560fc;padding:2rem 1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.project-card:hover .project-img,.project-card:focus-within .project-img{opacity:0;transform:scale(1.03)}.project-card:hover .project-details,.project-card:focus-within .project-details{opacity:1;pointer-events:auto;transform:translateY(0)}.project-details h3{margin-bottom:.7rem;font-size:1.5rem}.project-details p{color:#b0b0ff;margin-bottom:1.2rem}.tech-list{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.96rem;color:#b6baff;margin-bottom:1.2rem}.tech-list span{background:#212758;padding:.35em .9em;border-radius:8px}.project-links{display:flex;gap:13px}.project-links a{background:#667eea;color:#fff;padding:.53em 1.3em;border-radius:7px;font-weight:600;text-decoration:none;transition:background .2s;box-shadow:0 2px 15px #6a6b9c13}.project-links a:hover{background:#4a52a2}@media (max-width: 1000px){.project-card{flex:0 0 calc((100% - 1rem)/2)}}@media (max-width: 650px){.project-card{flex:0 0 90vw;min-width:90vw}.projects-section h2{font-size:40px;margin-bottom:2rem;margin-top:0rem}.projects-hscroll{gap:1rem}.project-img{height:150px}.project-details{padding:1.1rem .7rem}}