@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);*{margin:0;padding:0}html{scroll-behavior:smooth}body{align-items:center;background-color:#07071b;color:#fff;display:flex;flex-direction:column;justify-content:center}section{margin-top:200px}.fade-in{opacity:0;transform:translateY(2rem);transition:all .7s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.lato-regular{font-weight:400}.lato-classic,.lato-regular{font-family:Lato,sans-serif;font-style:normal}.lato-classic{font-size:1.6rem;font-weight:500}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#07071b;box-shadow:0 4px 20px #0000001a;color:#fff;display:flex;gap:20px;justify-content:space-between;left:50%;padding:10px;position:fixed;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;width:90%;z-index:9999}.navbar a{color:#fff;margin:0 20px;position:relative;text-decoration:none;transition:color .2s}.navbar a:hover{color:#7fffd4}.navbar a:after{background:#7fffd4;bottom:-2px;content:"";height:1.5px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.navbar a:hover:after{transform:scaleX(1);transform-origin:left}.navbar h2{color:#fff;font-family:Open Sans,sans-serif;font-size:32px;font-weight:900;text-shadow:1px 1px 2px #888}a:active,a:hover,a:link,a:visited{text-decoration:none}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-between;width:30px}.hamburger span{background:#fff;border-radius:2px;height:3px;transition:transform .4s,opacity .4s}.hamburger.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-nav{background:#07071b;border-radius:8px;max-width:1200px;overflow:hidden;position:absolute;top:100%;transform:translateX(-50%);transform:scaleY(0);transform-origin:top center;transition:transform .3s ease;width:100%}.mobile-nav.visible{transform:scaleY(1)}.mobile-nav a{border-bottom:1px solid #444;color:#fff;display:block;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.mobile-nav a:last-child{border-bottom:none}.top{gap:80px;margin:auto auto 200px;width:80%}.image-container,.top{align-items:center;display:flex;justify-content:center}.image-container{flex-direction:column;margin-top:20px}.profile-pic{border:2px solid #fff;border-radius:50%;height:auto;max-width:90%;object-fit:fill;width:400px}.top-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:50%}.top-text>h1{color:#7fffd4;font-family:Poppins,sans-serif;font-size:70px;font-weight:900;margin-bottom:-6px;margin-left:-2.5px;text-align:left}.top-text>p{font-family:Open Sans,sans-serif;font-size:30px;letter-spacing:2px;margin-top:10px;text-align:left}.typing{animation:blink-cursor .7s step-end infinite;border-right:2px solid #7fffd4;color:#7fffd4;display:inline-block;font-size:70px;font-weight:900;height:95px;margin-bottom:-6px;margin-left:-2.5px;min-width:1ch;overflow:hidden;white-space:nowrap}.resume-container{display:flex;justify-content:center;margin-top:15px}.get-resume{background-color:#07071b;border:2px solid #742ab0;border-radius:5px;box-shadow:0 4px 6px #583058;color:#fff;font-family:Open Sans,sans-serif;font-size:15px;padding:15px}.get-resume:hover{box-shadow:none}.get-resume:hover,.get-resume:not(:hover){transition-duration:.5s}.overview-card{align-items:center;background-color:#010113;border:2px solid #7fffd4;border-radius:16px;box-shadow:0 8px 12px #583058;display:flex;font-family:Open Sans,sans-serif;justify-content:center;margin:100px auto;padding:40px 60px;text-align:center;width:20%}.overview-card-wrapper{position:relative;transition:opacity .5s ease-in-out}.slide-in{opacity:1}.slide-out{opacity:0}.overview-text{font-size:2rem;line-height:1.6}.section-head{color:#7fffd4;font-family:Poppins,sans-serif;font-size:80px;font-weight:900;letter-spacing:3px;text-align:center}.domains{align-items:flex-start;flex-wrap:wrap;gap:30px;margin-top:100px;padding:0 20px}.domain,.domains{display:flex;justify-content:center}.domain{align-items:center;background-color:#100b29;border:2px solid #7fffd4;border-radius:30px;box-shadow:0 8px 12px #583058;box-sizing:border-box;color:#fff;cursor:pointer;flex:0 0 280px;flex-direction:column;font-family:Open Sans,sans-serif;font-size:1.2rem;font-weight:900;gap:20px;height:300px;padding:20px;text-align:center}.domain:hover{background-color:#07071b;color:#7fffd4}.domain:hover,.domain:not(:hover){transition-duration:.5s}.technologies{flex-wrap:wrap;gap:60px;margin:200px auto 0;width:800px}.tech-item,.technologies{align-items:center;display:flex;justify-content:center}.tech-item{background:radial-gradient(circle at 30% 30%,#fff,#ccc);border-radius:50%;height:100px;transition:transform .3s ease,box-shadow .3s ease;width:100px}.tech-item:hover{box-shadow:0 16px 24px #583058;cursor:pointer;position:relative;transform:scale(1.1);z-index:1}.tech-item img{display:block;height:50%;object-fit:contain;width:50%}.experience{margin-top:200px}.experience>h2{color:#7fffd4;font-family:Poppins,sans-serif;font-size:80px;margin:30px}.exp-box{align-items:center;display:flex;gap:50px;justify-content:center;margin:100px auto 200px;width:70%}.exp-reverse{flex-direction:row-reverse}.exp-header>img{display:none}.box{align-items:start;display:flex;flex-direction:column;justify-content:start}.box h3{color:#7fffd4;font-family:Poppins,sans-serif;font-size:40px;font-weight:800}.box>pre{color:#ccc;font-size:1rem;margin:10px 0}.box>p,.box>pre{font-family:Open Sans,sans-serif}.box>p{font-size:1.2rem;line-height:1.4rem;text-align:start}.projects-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:100px auto}.project{border:2px solid #fff;border-radius:10px;margin-bottom:50px;padding:10px 10px 80px;position:relative;width:800px;width:25%}.project>a>img{border-radius:8px 8px 0 0;display:block;max-height:182px;object-fit:cover;width:380px}.project>h3{font-size:1.5rem;margin:14px 10px}.project>h3,.project>p{font-family:Open Sans,sans-serif}.project>p{letter-spacing:1px;line-height:1.2rem;margin:10px;text-align:start}.github-link{bottom:16px;margin-top:30px;position:absolute;right:16px}.github-link:hover{transform:scale(1.1)}.github-link:hover,.github-link:not(:hover){transition-duration:.25s}.hobbies-section{padding:4rem 2rem}.hobbies-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:100px auto;width:70%}.hobby-card{background-color:#07071b;border:2px solid #111543;border-radius:12px;box-shadow:0 2px 3px #4f48d1;color:#fff;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.hobby-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-8px)}.hobby-image-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.hobby-image-wrapper img{display:block;filter:brightness(.9);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.hobby-card:hover .hobby-image-wrapper img{filter:brightness(1);transform:scale(1.05)}.hobby-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.hobby-content h3{font-size:1.25rem;margin:0 0 .5rem}.hobby-content p{flex-grow:1;font-size:.95rem;line-height:1.5;margin:0}.contact-form{border:2px solid #ccc;border-radius:8px;border-radius:20px;box-shadow:0 4px 12px #0000001a;box-shadow:0 8px 12px #583058;font-family:Open Sans,sans-serif;margin:2rem auto;max-width:400px;padding:1.5rem}.contact-form h2{color:#ccc;margin-bottom:1rem;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:2rem}.form-group label{color:#fff;font-weight:500;margin-bottom:.25rem}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-family:Open Sans,sans-serif;font-size:.95rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#1a3c86;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:#6a2b9e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:1rem;margin-left:25%;padding:.75rem;transition:background .3s ease;width:50%}.submit-btn:hover{background:#16346b}footer{align-items:center;display:flex;justify-content:center;margin-top:100px;width:100%}footer img{border:2px solid #fff;border-radius:5px;height:30px;margin:8px}@keyframes blink-cursor{50%{border-color:#0000}}@media (max-width:1050px){.links{display:none}.navbar{width:100%}.navbar h2{margin-left:20px}.hamburger{display:flex;margin-right:20px}.top{flex-direction:column;gap:30px;margin-bottom:50px}.profile-pic{width:250px}.typing{font-size:50px!important;height:70px;min-width:1ch}.top-text{margin-left:0;margin-top:10px;width:80%}.top-text>p{font-size:32px}.overview-text{font-size:1.5rem}.section-head{font-size:50px}section{margin-top:150px}.projects-container{align-items:center;flex-direction:column;justify-content:center}.project{width:60%}.project>a>img{width:100%}}@media (max-width:768px){.links{display:none}.navbar{width:100%}.navbar h2{margin-left:20px}.hamburger{display:flex;margin-right:20px}.top{flex-direction:column;margin-bottom:50px}.profile-pic{width:250px}.typing{font-size:30px!important;height:45px;min-width:1ch}.top-text{margin-left:0;margin-top:10px;width:80%}.top-text>p{font-size:18px}.get-resume{font-size:10px;padding:10px}section{margin-top:150px}.section-head-container{display:flex;justify-content:center;text-align:center}.overview-card{width:40%}.overview-text{font-size:1rem}.section-head{font-size:30px;max-width:80%}.technologies{width:80%}.tech-item{height:50px;width:50px}.experience{margin-top:200px}.exp-box{flex-direction:column;margin-bottom:50px;margin-top:50px;width:80%}.box h3{font-size:20px}.box>pre{font-size:.8rem}.box>p{font-size:.9rem;line-height:1.2rem}.exp-box>img{display:none}.exp-header{align-items:center;display:flex;justify-content:space-between}.exp-header>img{display:inline;width:50px}.exp-header>h3{width:70%}.projects-container{margin-top:40px}.project{width:80%}.hobbies-grid{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px;width:90%}.contact-form{width:70%}}
/*# sourceMappingURL=main.052f1d5e.css.map*/