:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#282624;background-color:#fbfbfb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h1,h4,p,h5,h2,h3,h6{margin:0}h2{font-size:30px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:#282624;transition:border-color .25s}button:hover{border-color:#e96269}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1000px;min-width:1000px;margin:0 auto;text-align:center}.orange{color:#e96269}.subtle{color:#666}.flex{display:flex}.center{justify-content:center;align-items:center}.col{flex-direction:column}.logo{will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 1px #ed8489a8)}.profile-image:hover{filter:drop-shadow(4px 0 8px #e96269bb)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.about-me{align-items:center;height:100vh;gap:36px}.about-me .hello{font-weight:500}.about-me .content{text-align:justify;gap:8px;width:65%}.about-me .content p{line-height:1.45}.about-me .content p b{font-weight:600}.about-me .resume-button{text-transform:none;border-radius:20px;color:#fff;background-color:#e96269;border-color:#e96269;margin-top:4px}.about-me .resume-button:hover{border-color:#e96269cc}.about-me .resume-button:focus{box-shadow:none;outline:none}.about-me .resume-button:focus-visible{outline:none;box-shadow:none}.about-me .profile-image{width:300px;height:300px;border-radius:50%}.scroll-down-cta{position:fixed;bottom:25px;left:50%;transform:translate(-50%);animation:bounce 2s infinite;cursor:pointer;z-index:1000;background-color:#fbfbfb;border-radius:16px;height:32px}.scroll-down-cta svg{font-size:32px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-20px)}}.contact{max-width:600px;margin:0 auto;height:100vh}.contact .description{width:75%;margin:8px 0}.contact .social-links{justify-content:space-around;width:40%;margin:4px auto 0}.contact .social-links a{color:unset;height:24px}.contact .phone-link{text-decoration:none;color:unset}.experience{height:100vh;margin:0 auto}.experience .title{margin:50px 0 24px;align-self:center}.experience .experience-container{height:calc(100vh - 230px);overflow:scroll;padding-bottom:50px;padding-top:25px}.experience .company-meta-container{min-width:200px}.experience .company-meta-container .company-meta{position:relative}.experience .level-ai .logo{height:25px}.experience .trivago .logo,.experience .innovaccer .logo{height:30px}.experience .timeline{position:relative;margin:24px;width:10px;background-color:#d3d3d3;min-height:850px}.experience .dot{position:absolute;left:50%;transform:translate(-50%);width:14px;height:14px;background-color:#e96269;border-radius:50%}.experience .work-details .card{position:relative;border-radius:8px;padding:16px 24px;text-align:justify;margin-top:16px;margin-right:8px;box-shadow:1px 1px 8px #26262640,0 0 1px #2626264f}.experience .work-details .card .designation{display:flex;justify-content:space-between;align-items:center}.experience .work-details .card .designation h5{font-weight:400;font-size:18px}.experience .work-details .card .company-meta{display:none}.experience .work-details .card ul li:first-child{list-style-type:none;padding-left:0;margin-left:-40px}.experience .work-details .card ul{line-height:1.4;margin:4px 0 0;font-size:14px}.experience .work-details .card ul li{margin-left:-12px}.experience .work-details .card:nth-child(1){margin-top:0}.experience .work-details .card:last-child{margin-bottom:16px}.experience .work-details b{font-weight:600}.footer{height:1px;position:relative;bottom:1px}@media (max-width: 768px){#root{min-width:100%;max-width:100%}.about-me .content{width:90%}.about-me h1{font-size:32px}.experience{height:unset}.experience .experience-container{flex-direction:column;gap:20px;height:unset}.experience .experience-container .company-meta-container{display:none}.timeline{display:none}.company-meta{position:static!important;margin-bottom:16px;text-align:center}.work-details .card{margin:16px 16px 0!important;padding:12px 16px!important;top:unset!important}.work-details .card ul{font-size:13px}.work-details .card .company-meta{display:flex!important;gap:16px;margin-bottom:8px}.about-me{flex-direction:column;text-align:center;gap:20px;height:unset}.about-me .profile-image{width:200px;height:200px;margin-top:20px}.about-me .content{align-items:center}.social-links{gap:16px}.contact{padding:20px}.contact .description{font-size:14px;line-height:1.5;width:85%}.scroll-down-cta{display:none}}.scroll-shadows{background:linear-gradient(#fbfbfb 30%,#fff0) center top,linear-gradient(#fff0,#fbfbfb 70%) center bottom,linear-gradient(to bottom,#0001,#0000) center top,linear-gradient(to top,#0001,#0000) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}
