@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap);.nav-bar{border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;margin-top:10px;padding:10px}@media screen and (max-width:768px){.nav-bar{border-bottom:none}}.nav-bar .nav-left,.nav-bar .nav-right{width:fit-content}.nav-bar .nav-left{padding-inline-start:5px}.nav-bar .nav-left .profile-header{align-items:center;display:flex}.nav-bar .nav-left img{border-radius:50%;margin-bottom:-5px;margin-inline-end:10px}.nav-bar .nav-left .title{color:salmon;display:inline-block;font-family:Fira Code,monospace;font-size:1.5rem;font-weight:400;letter-spacing:-.05rem;margin:0}.nav-bar .nav-right{padding-inline-end:5px}.nav-bar .nav-right .mobile-menu-container{position:relative}.nav-bar .nav-right .chevron-button{border-radius:4px;color:#f7f7ff;padding:8px;transition:background-color .3s ease}.nav-bar .nav-right .chevron-button .chevron-icon{transition:transform .3s ease}.nav-bar .nav-right .chevron-button .chevron-icon.rotated{transform:rotate(180deg)}.nav-bar .nav-right .mobile-menu{backdrop-filter:blur(8px);background:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1}.nav-bar .nav-right .mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.nav-bar .nav-right .mobile-menu-list{list-style:none;margin:0;padding:0}.nav-bar .nav-right .mobile-menu-item{margin:0;padding:0}.nav-bar .nav-right .mobile-menu-link{color:#f7f7ff;display:block;font-size:1.2rem;font-weight:300;padding:8px 12px;text-decoration:none;transition:background-color .2s ease}.nav-bar .nav-right .mobile-menu-link:hover{background-color:rgba(247,247,255,.1)}.nav-bar .nav-right .mobile-menu-link.active{background-color:hsla(6,93%,71%,.1);color:salmon}.footer{align-items:flex-end;display:flex;font-size:1rem;font-weight:300;letter-spacing:-.0025rem;padding-top:75px;width:100%}@media screen and (max-width:768px){.footer{flex-direction:column-reverse;padding-top:50px}}.footer .disclaimer,.footer .social-accounts{flex:1;padding:.5rem}@media screen and (max-width:768px){.footer .disclaimer,.footer .social-accounts{text-align:center;width:100%}}.footer .social-accounts{justify-content:space-between}.footer .social-media{align-items:end;border-radius:6px;display:flex;margin:0}.footer .social-media .media{padding-inline:10px}.footer .social-media .media a{text-align:center}.footer .social-media .media .media-name{color:#f7f7ff;display:inline-block;overflow:hidden;transition:width smooth .3s;vertical-align:middle;width:0}.footer .social-media .media .media-name:hover{margin-inline-start:5px;width:auto}.footer .social-media .media img{height:15px;vertical-align:middle;width:15px}.footer .social-media .media img:hover+.media-name{margin-inline-start:5px;width:auto}.app-header{align-items:stretch;display:flex;margin:0}.app-header .menu-item{border:2px solid transparent;color:#f7f7ff;font-size:1.25rem;font-weight:600;letter-spacing:.5px;list-style:none;padding:3px 10px 3px 0;transition:border-color 5ms}.app-header .menu-item:hover{border-bottom-width:0}.app-header .menu-item:hover .button-link{border-bottom:2px solid #fff}.app-header .menu-item:hover .button-link.active{border-bottom:none}.app-header .menu-item .button-link{appearance:none;background-color:transparent;border:0;color:#f7f7ff;font-size:1rem;font-weight:300;letter-spacing:-.25px;padding:0}.app-header .menu-item .button-link.active{background-color:#f7f7ff;border-radius:6px;color:#031012;font-weight:400;padding:1px 10px}.root-reveal{height:calc(90% - 15px);margin-top:15px;overflow:scroll}.container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto;padding:1rem;width:100%}.container.round{border-radius:8px}.container.column{flex-direction:column}.container.nopadding{padding:0!important}.container>.side-left,.container>.side-right{height:100%}.side-left,.side-right{width:50%}@media screen and (max-width:768px){.side-left,.side-right{width:100%}}.section{height:100%}.card{background-color:#f7f7ff;color:#031012;font-size:.875rem}.section-tile{flex-grow:1;padding:16px 20px;text-align:start}.section-tile .section-header{display:flex;width:100%}.section-tile .section-header h3{align-content:flex-end;flex-grow:1;font-size:1.25rem;font-weight:400;letter-spacing:.025rem;margin-block:0;margin-inline-start:10px;position:relative}.section-tile .section-header h3:after{background-color:salmon;bottom:0;content:"";height:2px;left:0;position:absolute;width:30%}.section-tile .card ul{width:100%}.section-tile .card ul legend{border-bottom:1px solid rgba(51,57,52,.3);font-size:1.25rem;font-weight:600;margin-bottom:8px;padding-bottom:6px;text-align:center}.section-tile .card li{padding-inline-start:15px}.section-tile .card li span{margin-inline-start:8px}.section-tile .card li img{margin-bottom:-1px}.timeline .timeline-cards-wrapper{width:100%}.timeline .timeline-card{align-items:center;display:flex;justify-content:space-between}.timeline .timeline-card .card{align-items:start;flex-wrap:wrap;font-size:1rem;font-weight:600;margin-top:25px;padding:10px 20px}.timeline .timeline-card:first-child .timestamp{border-inline-end:none}.timeline .timeline-card:first-child .card,.timeline .timeline-card:first-child .timestamp{margin-top:0}.timeline .timestamp{align-items:center;align-self:stretch;border-inline-end:2px solid;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:flex-end;margin-inline-end:-2%;padding-inline-end:4%;padding-top:25px;width:12%}.fade-appear{opacity:0;transform:translateY(20px)}.fade-appear-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-out}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{transition:opacity .3s ease-in-out,transform .3s ease-out}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in-out,transform .3s ease-out}.page-transition{display:flex;flex-direction:column;min-height:100vh}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#f7f7ff}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes size-reducer{0%{font-size:3rem}to{font-size:inherit}}.home{flex-direction:column;justify-content:space-between}.home .intro-information{font-family:Fira Code,monospace;font-optical-sizing:auto;height:100vh;width:100%}@media screen and (max-width:768px){.home .intro-information{flex-direction:column-reverse}}.home .intro-information .side-left{align-content:center;width:68%}@media screen and (max-width:768px){.home .intro-information .side-left{display:flex;width:100%}}.home .intro-information .side-right{width:32%}@media screen and (max-width:768px){.home .intro-information .side-right{max-height:200px;width:100%}}.home .intro-information .line-1{font-size:2.25rem}@media screen and (max-width:768px){.home .intro-information .line-1{font-size:1.3rem}}.home .intro-information .line-2{font-size:2.5rem}@media screen and (max-width:768px){.home .intro-information .line-2{font-size:1.5rem}}.home .intro-information .line-3{font-size:1.75rem}@media screen and (max-width:768px){.home .intro-information .line-3{font-size:1.4rem}}.home .resume-box{height:40px;text-align:center;width:150px}.home .resume-box button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.05);border:none;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#f7f7ff;display:flex;font-size:1.125rem;height:100%;justify-content:center;outline:none;padding:0;text-align:center;vertical-align:middle;width:100%}.home .resume-box button img{height:20px;vertical-align:middle;width:20px}.home .resume-box button span{padding-inline-start:10px;vertical-align:middle}@media screen and (max-width:768px){.home .intro-text{margin-top:20px}}.home .intro-text>p{border-right:2px solid transparent;margin-block:0 5px;white-space:nowrap}.home .intro-text .keyword{color:salmon}.home .intro-text.typing-animation>p{animation-fill-mode:forwards;animation-name:typing,blink-caret;overflow:hidden;width:0}.home .intro-text.typing-animation .line-1{animation-delay:2s,0;animation-duration:6s,.25s;animation-iteration-count:1,4;animation-timing-function:steps(40),step-end}.home .intro-text.typing-animation .line-2{animation-delay:3.25s,2.25s;animation-duration:3s,.25s;animation-iteration-count:1,14;animation-timing-function:steps(30),step-end}.home .intro-text.typing-animation .line-3{animation-delay:6s,6s;animation-duration:3s,.25s;animation-iteration-count:1,9;animation-timing-function:steps(30),step-end}.home .intro-text.fade-in-animation>p{animation-delay:1s;animation-duration:3s;animation-fill-mode:forwards;animation-name:fade-in;opacity:0}.home .intro-text+.resume-box{animation-delay:8s;animation-duration:3s;animation-fill-mode:forwards;animation-name:fade-in;margin-top:30px;opacity:0}.home .intro-image{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.home .intro-image .image,.home .intro-image .image-cover{border-radius:20px;clip-path:circle(50% at 50% 50%);height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@media screen and (max-width:768px){.home .intro-image .image,.home .intro-image .image-cover{height:150px;width:150px}}.home .intro-image .image-cover{background-color:salmon;border:2px solid hsla(0,0%,100%,.1);overflow:hidden}.home .intro-image .image{left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%)}.profile-summary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:inherit;color:#f7f7ff;font-size:.875rem;padding:15px;width:100%}.profile-summary .header{font-size:1.25rem;font-weight:400;letter-spacing:.025rem;position:relative}.profile-summary .header:after{background-color:salmon;bottom:0;content:"";height:1px;left:0;position:absolute;width:22.5%}.profile-summary .sub-header{color:hsla(0,0%,100%,.75);font-size:1rem;font-weight:400;letter-spacing:.01rem}.profile-summary .tag{background-color:rgba(0,0,0,.2);font-size:1rem;letter-spacing:.2px}.profile-summary .tag,.profile-summary .value{box-sizing:border-box;padding-inline:10px;width:100%}.profile-summary .value{flex-shrink:1;font-size:1.75rem;font-weight:bolder;letter-spacing:.1px}.profile-summary .details{flex-grow:1}.profile-summary .summary-cards{flex-wrap:wrap;justify-content:space-between;margin-top:15px;row-gap:12px}.profile-summary .summary-card{align-self:stretch;background-color:salmon;color:#fff;flex-direction:column-reverse;font-weight:600;justify-content:stretch;margin:0;min-width:32.66%;width:32.66%}.profile-summary .summary-card:last-child{flex-grow:1}.about{justify-content:flex-start;overflow-y:scroll;row-gap:15px}.about .sub-section{flex-grow:1;gap:15px;width:100%}.about .sub-section .education,.about .sub-section .skills,.about .sub-section .work-experience{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#f7f7ff}.about .sub-section .education .section-header,.about .sub-section .skills .section-header,.about .sub-section .work-experience .section-header{margin-bottom:20px}.skills .section-header img{transform:rotate(20deg)}.skills .skill-card{margin-bottom:20px;width:100%}.skills .skill-card:last-child{margin-bottom:0}.skills .skill-card .carousel-slides{gap:.75rem}.skills .skill-card .carousel-slide{flex:0 0 150px;width:150px}.skills .skill-card .carousel-title{font-size:1.125rem;font-weight:500;letter-spacing:.025rem}.skills .skill{display:inline-block;font-size:1rem;height:150px;margin:5px 8px;padding:8px;text-align:center;width:150px}.skills .skill-name{font-weight:600}.skills .skill-icon{height:100px;margin-top:6px;width:100px}.questionnaire{align-items:stretch;column-gap:20px;padding:0;text-align:center}.questionnaire .question{justify-content:space-between;padding:10px}.questionnaire .question h3{margin-top:0;margin-inline-start:0}.questionnaire .question p{margin-top:0}.questionnaire a{background-color:salmon;border-radius:18px;color:#031012;line-height:2em;width:50%}.questionnaire a:hover{background-color:#151515;color:#f7f7ff}.education .section-header img{margin-bottom:-5px}.education .institute{color:rgba(3,16,18,.7);font-size:.9rem;width:100%}.education .course,.education .degree{display:inline-block;width:50%}@media screen and (max-width:768px){.education .course,.education .degree{width:100%}}.education .details{font-size:1.1rem;width:88%}@media screen and (max-width:768px){.education .details{width:80%}}.education .gpa,.education .grade,.education .percentage{font-size:1.25rem;text-align:end;width:12%}@media screen and (max-width:768px){.education .gpa,.education .grade,.education .percentage{width:20%}}.education .gpa:after,.education .grade:after,.education .percentage:after{color:rgba(3,16,18,.7);font-size:.75rem}.education .percentage:after{content:"%"}.education .gpa:after{content:"CGPA"}.work-experience .section-header img{margin-top:5px;transform:rotate(-12deg)}.work-experience .company,.work-experience .role{width:50%}@media screen and (max-width:768px){.work-experience .company,.work-experience .role{width:100%}}.work-experience .company{text-align:end}@media screen and (max-width:768px){.work-experience .company{text-align:start}}.work-experience .description{color:rgba(3,16,18,.7);font-size:.9rem;letter-spacing:-.0025rem;margin-top:10px}.carousel-container{justify-content:flex-start;overflow:hidden;position:relative;width:100%}.carousel-wrapper{display:flex;flex-direction:column;margin:0;position:relative;width:100%}.carousel-header{order:-1;padding:0}.carousel-title{font-size:1.2rem;font-weight:300;letter-spacing:.025rem;margin:0 0 .5rem}.carousel-legend{color:var(--text-secondary);font-size:.875rem;margin:0}.carousel-content{overflow:hidden;position:relative;width:100%}.carousel-inner{overflow-x:scroll;overflow-y:hidden;position:relative;scrollbar-width:none;width:100%;-ms-overflow-style:none;padding:.5rem 0;scroll-behavior:smooth}.carousel-inner::-webkit-scrollbar{display:none}.carousel-slides{gap:1.5rem;width:fit-content}.carousel-slide,.carousel-slides{align-items:flex-start;display:flex}.carousel-slide{flex:0 0 280px;position:relative;width:280px}.carousel-arrow{align-items:center;background:rgba(0,0,0,.4);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:2}.carousel-arrow.visible{opacity:.4}.carousel-arrow .arrow-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center;line-height:1}.carousel-arrow:hover{background:rgba(0,0,0,.6);opacity:1}.carousel-arrow:disabled{cursor:not-allowed;opacity:0!important;pointer-events:none}.carousel-arrow-prev{left:10px}.carousel-arrow-prev .arrow-icon{padding-right:3px}.carousel-arrow-next{right:10px}.carousel-arrow-next .arrow-icon{padding-left:3px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:1rem}.carousel-dot{background:rgba(0,0,0,.2);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.carousel-dot:hover{background:rgba(0,0,0,.4)}.carousel-dot.active{background:rgba(0,0,0,.6);transform:scale(1.2)}@media(hover:none){.carousel-arrow{display:none}}.content-wrapper{align-items:stretch;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.content-title{font-size:2rem;margin-top:15px;padding-inline-start:15px;width:calc(100% - 15px)}.works .tab-content{box-sizing:border-box;min-height:72%;overflow-y:scroll}.tab-menu{flex-wrap:nowrap;gap:20px;justify-content:center;margin:0;width:max-content}.tab-menu button{background-color:transparent;border:2px solid rgba(51,57,52,.3);border-radius:6px;box-sizing:content-box;color:inherit;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;padding:4px 12px;width:fit-content}.tab-menu button.current{border-color:salmon}.tab-content{justify-content:flex-start}.tab-content.glass-bg{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.05);border:none;color:#f7f7ff}.tab-content .page-transition{width:inherit}.contact-section{align-items:center;display:flex;height:100%;justify-content:center}@media screen and (max-width:768px){.contact-section{align-items:flex-start}}.contact-section-wrapper{align-items:stretch;justify-content:space-between;max-width:1200px;width:100%}@media screen and (max-width:768px){.contact-section-wrapper{align-items:space-between;flex-direction:column;height:100%}}.contact-section .contact-content{max-width:600px;padding:3rem;width:70%}@media screen and (max-width:768px){.contact-section .contact-content{margin:0 auto;padding:2rem 1rem;width:100%}}.contact-section .follow-me{border-inline-start:2px solid rgba(51,57,52,.3);max-width:300px;padding:3rem;text-align:center;width:30%}@media screen and (max-width:768px){.contact-section .follow-me{border:none;max-width:100%;padding:1rem;width:100%}}.contact-section .contact-header,.contact-section .follow-me-header{margin-bottom:1rem;text-align:center}.contact-section .contact-header .sub-header,.contact-section .follow-me-header .sub-header{color:hsla(0,0%,100%,.75)}.contact-section .contact-form{text-align:center}.contact-section .contact-form .form-group{margin-bottom:1.5rem}.contact-section .contact-form .form-group label{color:#f7f7ff;display:block;font-size:1rem;text-align:left}.contact-section .contact-form .form-group input,.contact-section .contact-form .form-group textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#f7f7ff;color:hsla(0,0%,100%,.75);font-size:1rem;letter-spacing:.03rem;padding:.75rem;transition:all .3s ease;width:100%}.contact-section .contact-form .form-group input:focus,.contact-section .contact-form .form-group textarea:focus{background:hsla(0,0%,100%,.1);border-color:salmon;outline:none}.contact-section .contact-form .form-group textarea{margin-top:.4rem;min-height:100px;resize:vertical}.contact-section .contact-form .submit-btn{background-color:#f7f7ff;border-radius:6px;color:#031012;font-size:1rem;padding:4px 8px}.contact-section .contact-form .submit-btn:disabled{cursor:not-allowed;opacity:.7}.contact-section .contact-form .form-status{border-radius:.25rem;font-size:.875rem;margin-top:1rem;padding:.5rem;text-align:center}.contact-section .contact-form .form-status.success{background-color:rgba(16,185,129,.1);color:#10b981}.contact-section .contact-form .form-status.error{background-color:rgba(239,68,68,.1);color:#ef4444}.contact-section .social-links{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:2rem;margin-inline:auto;width:max(100px,50%)}@media screen and (max-width:768px){.contact-section .social-links{flex-direction:row;width:100%}}.contact-section .social-links .media{align-items:center;display:inline-flex;gap:.5rem;justify-content:flex-start;line-height:1.5rem;width:100%}@media screen and (max-width:768px){.contact-section .social-links .media{justify-content:center;width:50%}}.contact-section .social-links img{height:16px;transition:transform .3s ease;width:16px}.contact-section .social-links a{color:#f7f7ff;font-size:1rem;transition:color .3s ease}.contact-section .social-links a:hover{color:salmon}.typography-heading-xl{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.typography-heading-lg{font-size:2rem;font-weight:700;line-height:1.25;margin-bottom:.875rem}.typography-heading-md{font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:.875rem}.typography-heading-sm{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.typography-heading-xs{font-size:1.25rem;font-weight:500;line-height:1.4;margin-bottom:.75rem}.typography-body-lg{font-size:1.25rem;line-height:1.6}.typography-body-md{font-size:1rem;line-height:1.5}.typography-body-sm{font-size:.875rem;line-height:1.4}.typography.text-gradient{background:linear-gradient(0deg,#22c1c3,#962dfd 66%);background-clip:text;-webkit-background-clip:text;color:transparent}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:#151515;height:100%;overflow:hidden;width:100%}#root{color:#f7f7ff;font-family:Source Sans\ 3,Source Code Pro,"Source Serif 4",Outfit,sans-serif;font-size:2rem;height:100%;letter-spacing:.1px;margin:0 auto;min-width:980px;width:min(90%,980px)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}h3{font-size:1.5rem;margin-block:0 .9375rem}p{line-height:1.6;margin-bottom:1rem}ol,ul{list-style:none;margin-block:.625rem;padding:0}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:salmon}a:focus-visible{outline:2px solid salmon;outline-offset:2px}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.hidden{display:none!important}.text-gradient{background:linear-gradient(0deg,#22c1c3,#962dfd 66%);background-clip:text;-webkit-background-clip:text;color:transparent}[data-action-type=link]{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-action-type=link] *{pointer-events:none}[data-action-type=link]:hover{opacity:.9}@media screen and (max-width:980px){#root{min-width:100%;padding:0 1rem;width:100%}}:focus-visible:focus-visible{outline:2px solid salmon;outline-offset:2px}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}button:focus-visible{outline:2px solid salmon;outline-offset:2px}.page-transition{display:block;height:100%;min-height:0}