@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap);.message-toast{position:fixed;bottom:70px;right:24px;padding:.25rem .5rem;border-radius:5px}.message-toast .status{font-size:16px;font-weight:600}.message-toast .message{font-size:12px;font-weight:500}.success-toast{background:#7bf1a8;color:green;box-shadow:0 5px 15px rgba(123,241,168,.5)}.error-toast{background:#ffb3c1;color:#bf0603;box-shadow:0 5px 15px rgba(255,179,193,.5)}.toggle-modes[data-v-e4c7e3f8]{padding:6px;font-size:14px;font-weight:600;color:var(--theme-button-color)}.toggle-modes[data-v-e4c7e3f8]:hover{background:var(--active-button-bg-color);border-radius:5px}hr[data-v-e4c7e3f8]{margin-inline:5px;margin-block:10px}svg.highlight-line path[data-v-e4c7e3f8]{fill:var(--highlight-text-color)!important}body{background:var(--bg-color)!important;font-family:Montserrat,sans-serif!important;transition:color .5s ease-in;font-optical-sizing:auto;color:var(--primary-text-color)!important;overflow-x:hidden!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cricket-svg{position:absolute;resize:both;top:15%;left:5%}@media only screen and (min-width:1025px){.cricket-svg{width:8%}}@media only screen and (min-width:601px)and (max-width:1024px){.cricket-svg{width:15%}}@media only screen and (max-width:600px){.cricket-svg{width:15%;top:10%}}.up-arrow-svg{position:absolute;right:6%;top:13%}@media only screen and (min-width:1025px){.up-arrow-svg{width:7%}}@media only screen and (min-width:601px)and (max-width:1024px){.up-arrow-svg{width:10%}}@media only screen and (max-width:600px){.up-arrow-svg{width:13%;top:-30px;right:2%}}.home-divider-svg{position:absolute;bottom:-1.5rem;left:-1.5rem;width:100vw}@media only screen and (max-width:600px){.home-divider-svg{width:250vw;overflow:hidden;bottom:-.8rem}}.cat-svg{position:absolute;bottom:0;right:-1.5rem;width:10%}@media only screen and (max-width:600px){.cat-svg{width:22%}.desktop-navbar{display:none!important}}.header .name{font-family:Kalam,cursive;font-weight:900;font-size:24px;position:relative}.header .name .highlight-line{position:absolute;bottom:0;width:100%;right:0}@media only screen and (max-width:600px){.header .name{font-size:20px}}.nav-links-dropdown{background-color:var(--bg-color);padding:1rem;right:0;border-radius:10px;z-index:100;top:3rem;box-shadow:var(--mobile-dropdown-box-shadow)}.dev-intro .name{font-family:Kalam,cursive;font-weight:900;text-align:center;font-size:83.065512979px}@media only screen and (max-width:600px){.dev-intro .name{font-size:64px}}@media only screen and (min-width:601px)and (max-width:1024px){.dev-intro .name{font-size:83.065512979px}}@media only screen and (min-width:1025px){.dev-intro .name{font-size:96.9097651422px}}@media only screen and (min-width:1201px){.dev-intro .name{font-size:110.7540173053px}}.home-section{height:90vh;max-height:1024px}.home-section .divider-small{position:absolute;left:0;bottom:3%}.home-section .divider-large{position:absolute;right:0;bottom:3%}.prof-role{color:var(--primary-text-color);font-weight:600;position:relative;opacity:1;transition:1s ease-in}.prof-role i{opacity:.6}@media only screen and (max-width:600px){.prof-role{font-size:12px}}@media only screen and (min-width:601px)and (max-width:1024px){.prof-role{font-size:17.7997527812px}}@media only screen and (min-width:1025px){.prof-role{font-size:20.7663782447px}}@media only screen and (min-width:1201px){.prof-role{font-size:23.7330037083px}}.prof-role .highlight-line{position:absolute;bottom:-20%;right:0;width:50%}.fade-out{opacity:0;transition:opacity 1s cubic-bezier(.17,.67,.88,1.04)}.location{color:var(--primary-text-color);font-weight:600;font-size:24px}.location i{color:var(--highlight-text-color)}@media only screen and (max-width:600px){.location{font-size:16px}}.social-media i{font-size:32px}@media only screen and (max-width:600px){.social-media i{font-size:24px}}.social-media i:hover{color:var(--highlight-text-color)}.explore-more{color:var(--secondary-text-color);font-size:24px;font-weight:500;width:-moz-fit-content;width:fit-content;position:relative}.explore-more i{font-size:48px}@media only screen and (max-width:600px){.explore-more{font-size:16px}.explore-more i{font-size:32px}}.navList{border:1.5px solid var(--border-grey-color);border-radius:5px;width:-moz-fit-content;width:fit-content;font-weight:400;font-size:24px;text-decoration:none}.navList a{text-decoration:none!important;display:unset}.navList a,.navList a :visited{color:unset!important}.navList i{color:var(--secondary-text-color)}.active-item{background-color:rgba(63,162,246,.15);border-radius:5px;font-weight:700}.active-item i{color:var(--highlight-text-color)}.grad-year{font-weight:700;font-size:20px;margin-top:10px}.clg-grades,.grad-year{font-family:Kalam,cursive}.clg-grades{background-color:var(--background-dark-color);color:#fff;border-radius:50px;font-weight:600;font-size:14px}@media only screen and (max-width:600px){.clg-grades{width:-moz-fit-content;width:fit-content}}.clg-grades .highlight-line{position:absolute;bottom:20%;left:10%;width:50%}.grad-cap-svg{width:17%}@media only screen and (max-width:600px){.grad-cap-svg{display:none}}.section-divider-svg{position:absolute;left:0;width:100vw}.clg-name{font-size:20px;font-weight:700;position:relative}@media only screen and (max-width:600px){.clg-name{font-size:12px;text-align:left}}.clg-degree{border-radius:6px 8px;font-weight:500;font-size:14px;font-style:italic;padding:8px;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:600px){.clg-degree{border-radius:10px;margin-bottom:10px;text-align:left;font-size:10px;width:-moz-fit-content;width:fit-content}}.education-wrapper{border:var(--common-border);border-radius:10px;padding:10px;text-align:left}@media only screen and (max-width:600px){.education-wrapper{border-radius:10px}}.exp-date{font-size:12px;font-weight:600;padding-left:24px;color:var(--secondary-text-color)}.exp-role{font-weight:700;font-size:16px;display:flex;justify-content:center;align-items:center;padding:8px;border-radius:6px}.active-company-role{background:var(--active-section-bg-color)}.company-logo{color:var(--secondary-text-color)}.work-exp-wrapper{width:-moz-fit-content;width:fit-content;text-align:left;padding-left:12px;position:relative}.work-exp-wrapper:before{content:"";position:absolute;top:0;left:0;height:100%;width:4px;border-radius:12px;background-color:var(--active-section-bg-color)}.work-exp-wrapper .current-role{color:var(--project-live-button-text-color);fill:var(--project-live-button-text-color);font-size:8px}.company{font-size:24px;font-weight:700;padding:0 4px 4px 12px}.comp-wrapper,.company{position:relative}.comp-wrapper:before{content:"";position:absolute;top:0;left:0;height:100%;width:4px;border-radius:10px;background:var(--highlight-text-color)}.companyLogo{color:var(--secondary-text-color);font-weight:500}.companyLogo img{padding-block:2px;padding-inline:4px;background:hsla(0,0%,100%,.6);border-radius:5px}.divider{margin-block:5px;height:1.5px;width:100%;background:#dfe3e7}.key-highlights{border:var(--common-border);border-radius:10px;width:-moz-max-content;width:max-content;max-width:550px;text-align:left;text-wrap:wrap;position:relative}.key-highlights .modal-points{font-size:16px;font-weight:600;color:#495057}.key-highlights .modal-points svg{stroke:#328e6e}@media only screen and (max-width:600px){.key-highlights{width:-moz-fit-content;width:fit-content;max-width:-moz-fit-content;max-width:fit-content;margin-top:16px}}.key-highlights ul{padding-left:unset}.key-highlights li{list-style-type:none;font-weight:600}.key-highlights li svg{color:#38b000;font-size:14px;margin-right:4px}.key-highlights .key-title{position:absolute;top:-20px;padding:8px;background-color:var(--bg-color);left:16px;font-size:16px;width:-moz-fit-content;width:fit-content;font-weight:600;color:var(--highlight-text-color)}@media only screen and (max-width:600px){.key-highlights .key-title{font-size:16px}}.key-highlights ul li{line-height:2;font-size:14px;width:-moz-fit-content;width:fit-content}.work-exp-svg{width:20%}.button-container{font-size:24px}@media only screen and (max-width:600px){.button-container{font-size:16px}}.button-container .resume-btn{background:transparent;font-weight:600;border:unset;color:var(--highlight-text-color)}.button-container .resume-btn:hover{color:var(--highlight-text-color)!important}.button-container .connect-btn{border-radius:50px;background:var(--background-dark-color);font-weight:600;border:unset;color:#fff}.button-container .connect-btn:hover{color:var(--highlight-text-color)}.certificates{border:var(--common-border);color:#fff;font-size:20px;font-weight:500;width:-moz-fit-content;width:fit-content;text-align:left;width:100%;position:relative;border-radius:10px}@media only screen and (max-width:600px){.certificates{max-width:unset;font-size:14px}}.certificates img{background:var(--bg-color);padding:10px;border-radius:5px;width:80px;height:100px;position:absolute;top:-50px;left:10px}@media only screen and (max-width:600px){.certificates img{width:50px;height:50px}}.certificates a{color:var(--primary-text-color)!important;text-decoration:unset;display:unset}.certificates a:hover{color:var(--highlight-text-color)!important}.certificates .ach-title{font-weight:600;font-size:16px;margin-top:1rem;margin-left:.5rem;position:relative;z-index:10}.certificates .ext-link{font-size:12px}.certificates .ext-link i{color:var(--highlight-text-color)}@media only screen and (max-width:600px){.skill-wrapper{width:100%}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);font-size:14px;gap:10px}@media only screen and (max-width:600px){.skills-grid{grid-template-columns:repeat(2,1fr);max-width:unset}}.skills-grid .backend,.skills-grid .frontend,.skills-grid .html-css,.skills-grid .prog-lang,.skills-grid .skills-title,.skills-grid .tools{background:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1.5px solid hsla(0,0%,100%,.18);height:100%;border-radius:15px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.skills-grid .skill{display:flex;flex-direction:column;align-items:center}.skills-grid .frontend{grid-column:span 2;grid-row:span 1}@media only screen and (max-width:600px){.skills-grid .frontend{grid-column:span 1;grid-row:span 3;width:100%;flex-direction:column}}.skills-grid .backend{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-wrap:nowrap;grid-column:span 1;grid-row:span 2}@media only screen and (max-width:600px){.skills-grid .backend{grid-column:span 1;grid-row:span 3;flex-direction:column;grid-template-columns:repeat(1,1fr);gap:10px;width:100%;justify-self:center}}.skills-grid .skill-name{margin-top:.5rem;font-weight:600;font-size:12px}.skills-grid .skills-title{grid-column:span 1;grid-row:span 1;font-size:40px;font-weight:700;font-style:italic}.skills-grid .skills-title i{color:var(--highlight-text-color)}@media only screen and (max-width:600px){.skills-grid .skills-title{grid-column:span 2;grid-row:span 1}}.skills-grid .skills-title .title{position:relative;z-index:1}.skills-grid .skills-title .title:after{content:"";position:absolute;width:100%;bottom:10px;height:8px;background-color:var(--highlight-text-color);left:0;z-index:-1}.skills-grid .html-css{grid-column:span 2;grid-row:span 1}@media only screen and (max-width:600px){.skills-grid .html-css{grid-column:span 2;grid-row:span 1;flex-wrap:wrap}}.skills-grid .tools{grid-column:span 1;grid-row:span 1}@media only screen and (max-width:600px){.skills-grid .prog-lang,.skills-grid .tools{grid-column:span 2;grid-row:span 1}}.hamburger-menu{position:fixed;left:20px;bottom:20px;z-index:10}.hamburger-menu .menu-icon{width:-moz-fit-content;width:fit-content;background-color:var(--background-dark-color);padding:20px;border-radius:50px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32)}.hamburger-menu a{text-decoration:none!important;display:unset}.hamburger-menu a,.hamburger-menu a :visited{color:unset!important}.hamburger-menu .menu-items{display:none;background-color:#fff;z-index:10;padding:10px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35)}.show-menu-items{display:block!important;transition:display .5s ease-out}.section-title{font-size:28px;font-weight:700;position:relative;width:-moz-fit-content;width:fit-content;text-align:center}.section-title:after{content:"";position:absolute;width:100%;bottom:5px;height:8px;background-color:var(--highlight-text-color);left:0;z-index:-1}a{text-decoration:none!important;display:unset}a,a :visited{color:unset!important}.base-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000}.base-modal{background:var(--contact-form-bg-color);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18);min-width:60%;max-width:90%;z-index:1001;color:#000}.base-modal .fa-circle-xmark{font-size:28px}.modal-header-title{font-size:28px;font-weight:700;position:relative;width:-moz-fit-content;width:fit-content;color:var(--background-dark-color)}@media only screen and (max-width:600px){.modal-header-title{font-size:20px}}.modal-header-title:after{content:"";position:absolute;width:100%;bottom:7px;z-index:-1;height:8px;background-color:var(--highlight-text-color);left:0}@media only screen and (max-width:600px){.modal-header-title:after{height:4px}}.resume-sub-title{font-size:14px;font-weight:600;color:var(--secondary-text-color);width:-moz-fit-content;width:fit-content;font-style:italic}.submit-btn{background-color:var(--highlight-text-color);color:var(--bg-color)!important;font-weight:700;font-size:16px;outline:unset;box-shadow:0 0 0 2px var(--contact-form-bg-color),-4px 4px 0 0 var(--highlight-text-color)}.submit-btn:hover{scale:1.02;transition:scale .2s ease-in-out}.professional-exp{margin-top:3rem!important}.loading{width:3.25em;transform-origin:center;animation:rotate4 2s linear infinite}.loading circle{fill:none;stroke:var(--highlight-text-color);stroke-width:3;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite}@keyframes rotate4{to{transform:rotate(1turn)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.achievements-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 20px;width:80%;place-self:center}.achievements-wrapper .education-wrapper{grid-row:span 1;grid-column:span 2}@media only screen and (max-width:600px){.achievements-wrapper{gap:30px 20px;grid-template-columns:repeat(1,1fr);width:unset;font-size:14px}.achievements-wrapper .education-wrapper{grid-row:span 1;grid-column:span 1}.achievements-wrapper img{top:-25px}}.project-tech{font-size:14px;font-weight:600;color:var(--secondary-text-color);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);border-radius:100px;padding-inline:10px;padding-block:5px;display:flex;justify-content:center;align-items:center}.projects-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 30px;place-self:center}@media only screen and (max-width:600px){.projects-wrapper{grid-template-columns:repeat(1,1fr)}}.nav-btn-wrapper{justify-content:space-between;gap:1rem}.nav-btn,.nav-btn-wrapper{display:flex;align-items:center}.nav-btn{background-color:transparent;border:none;border-radius:50px;padding:5px 10px;gap:.5rem;width:-moz-fit-content;width:fit-content;font-size:14px;font-weight:600;justify-content:center}.nav-btn svg{opacity:.6}.nav-btn:hover{background-color:var(--active-button-bg-color);transition:background-color .1s ease-in}.nav-btn:hover svg{color:var(--highlight-text-color);opacity:1}.active-nav-link{background-color:var(--active-button-bg-color);transition:background-color .1s ease-in}.active-nav-link svg{color:var(--highlight-text-color);opacity:1}.connect-button{background-color:var(--highlight-button-bg-color);color:var(--highlight-button-text-color);font-size:14px;padding:5px 10px;border-radius:30px}.connect-button svg{opacity:1}.connect-button:hover{color:var(--primary-text-color)}.bottom-nav-btn{padding:3px 6px;font-size:12px;color:var(--secondary-text-color)}.bottom-nav-btn svg{opacity:1}.bottom-nav-btn:hover{color:#fff!important}.bottom-nav-btn:hover svg{color:#fff}.instagram-button:hover{background-image:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff!important}.linkedin-button:hover{background-image:linear-gradient(45deg,#09c,#0077b5)}.github-button:hover{background:var(--github-bg-color)}.github-button:hover,.github-button:hover svg{color:var(--github-text-color)!important}:root{--vibe-color:rgba(50,205,50,.4);--jiggle-intensity:1deg}.cluster-item{position:relative;animation:jiggle .5s infinite alternate}@keyframes jiggle{0%{transform:translateX(0) rotate(0)}25%{transform:translateX(-1px) rotate(-var(--jiggle-intensity))}50%{transform:translateY(1px) rotate(var(--jiggle-intensity))}75%{transform:translateX(1px) rotate(var(--jiggle-intensity))}to{transform:translateY(-1px) rotate(-var(--jiggle-intensity))}}.circle-bg{width:60px;height:60px;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:100%;display:flex;justify-content:center;align-items:center}.circle-bg:hover{box-shadow:0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1),0 24px 80px rgba(17,17,26,.1)}.copyright{color:var(--secondary-text-color)}.copyright,.info-chip{font-size:12px;font-weight:600}.info-chip{background-color:#dfe3e7;border-radius:50px;padding:5px 10px}.quote{font-size:14px;font-weight:600;font-style:italic;border:var(--common-border);padding:10px;border-radius:100px;position:relative}.quote,.quote svg{color:var(--secondary-text-color)}.quote svg{position:absolute;top:-5px;left:0;background-color:var(--bg-color);opacity:1;padding:2px}@media only screen and (max-width:600px){.quote{font-size:12px}footer .nav-btn-wrapper{order:2}footer .nav-btn-wrapper button{border-radius:5px}footer .connect-section{order:1}footer .copyright{order:3}}.expanded-nav-bar{display:flex}@media only screen and (max-width:600px){.expanded-nav-bar{display:none}}@media only screen and (min-width:601px)and (max-width:1024px){.expanded-nav-bar{display:none}}.mobile-nab-bar{display:block}@media only screen and (min-width:1025px){.mobile-nab-bar{display:none}}.gmail-button:hover{background-image:linear-gradient(45deg,#ea4335,#c5221f)}.light-mode{--bg-color:#e9ecef;--highlight-text-color:#0466c8;--primary-text-color:#3c4048;--secondary-text-color:#7f7f7f;--border-grey-color:#dfe3e7;--border-light-grey-color:#d9d9d9;--background-grey-color:#dfe3e7;--background-dark-color:#3c4048;--highlight-green-color:#4dba87;--title-text-color:#001f54;--github-bg-color:linear-gradient(45deg,#444,#181717);--github-text-color:#fff;--project-live-button-text-color:#058c42;--highlight-button-bg-color:#3c4048;--highlight-button-text-color:#fff;--active-button-bg-color:rgba(4,102,200,.1);--theme-button-color:#fdb833;--contact-form-bg-color:hsla(0,0%,100%,.7);--mobile-dropdown-box-shadow:rgba(0,0,0,.5) 0px 5px 15px;--active-section-bg-color:rgba(0,0,0,.1);--common-border:1px solid #adb5bd}:root{--bg-color:#222;--highlight-text-color:#ffc857;--primary-text-color:#e9ecef;--secondary-text-color:#dee2e6;--border-grey-color:#dfe3e7;--border-light-grey-color:#d9d9d9;--background-grey-color:hsla(0,0%,100%,.2);--background-dark-color:#495057;--highlight-green-color:#4dba87;--title-text-color:#ffc857;--github-bg-color:#fff;--github-text-color:#444;--project-live-button-text-color:#70e000;--highlight-button-bg-color:#f3f3f4;--highlight-button-text-color:#333533;--active-button-bg-color:rgba(255,180,40,.3);--theme-button-color:#fff;--contact-form-bg-color:hsla(0,0%,100%,.7);--mobile-dropdown-box-shadow:hsla(0,0%,100%,.5) 0px 5px 15px;--active-section-bg-color:hsla(0,0%,100%,.2);--common-border:1px solid #adb5bd}.layout-container{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.layout-container .header{flex-shrink:0}.layout-container .content-area{flex:1 1 auto;display:flex;justify-content:center;align-items:center;position:relative;padding:1rem;margin:0 auto;width:100%;height:100%;max-width:1440px}.layout-container .content-area::-webkit-scrollbar{width:8px}.layout-container .content-area::-webkit-scrollbar-track{background:#f1f1f1}.layout-container .content-area::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.layout-container .footer{flex-shrink:0}body{margin:0;padding:0;min-height:100vh;flex-direction:column}#app,body{display:flex}#app{flex:1;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg.cricket-svg path[data-v-8cd11bde]{fill:var(--highlight-text-color)!important}svg.up-arrow-svg path[data-v-8cd11bde]{stroke:var(--highlight-text-color)!important}svg.highlight-line path[data-v-19517134]{fill:var(--highlight-text-color)!important}.learn-more{color:var(--highlight-text-color);cursor:pointer;text-decoration:underline}.grad-icon{top:-25px;padding:5px;background:var(--bg-color)}.project-title-subtitle[data-v-38c8cf8a]{margin-left:120px;font-weight:600}.project-title-subtitle .project-subtitle[data-v-38c8cf8a]{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--secondary-text-color)}.project-title-subtitle .project-subtitle .year[data-v-38c8cf8a]{padding-inline:5px;padding-block:2px;border-radius:2px}.project-title-subtitle .project-title[data-v-38c8cf8a]{font-size:24px;color:var(--title-text-color)}.project-card-wrapper[data-v-38c8cf8a]{position:relative;border-radius:10px;display:flex;gap:1rem;border:var(--common-border);border-radius:30px;padding:20px;width:100%;max-width:1100px}.project-card-wrapper[data-v-38c8cf8a]:hover{border-color:var(--highlight-text-color);box-shadow:0 5px 15px hsla(0,0%,100%,.35);scale:1.01;transition:all .2s ease-in}.thumbnail[data-v-38c8cf8a]{width:200px}.year-and-links[data-v-38c8cf8a]{display:flex;justify-content:end;align-items:center}.year-and-links .year[data-v-38c8cf8a]{border-radius:4px;font-size:12px;color:var(--secondary-text-color);font-weight:600;width:-moz-fit-content;width:fit-content;border:2px solid var(--border-light-grey-color);padding-inline:8px}.year-and-links .links[data-v-38c8cf8a]{justify-content:center}.tech-cards[data-v-38c8cf8a],.year-and-links .links[data-v-38c8cf8a]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--secondary-text-color);font-weight:600}.tech-cards[data-v-38c8cf8a]{justify-content:start;flex-wrap:wrap}.tech-cards .tech-card[data-v-38c8cf8a]{padding-inline:8px;padding-block:2px;border-radius:100px;background:hsla(0,0%,100%,.2)}i[data-v-38c8cf8a]:hover{color:var(--highlight-text-color)}.project-desc[data-v-38c8cf8a]{font-size:12px;text-align:justify;font-weight:500;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden}.project-image[data-v-38c8cf8a]{position:absolute;width:120px;top:-30px;left:20px;background:var(--bg-color);padding-inline:10px}.project-year[data-v-38c8cf8a]{border:1px solid var(--border-light-grey-color);border-radius:50px;padding-block:3px;padding-inline:15px;font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content;margin-bottom:10px}.project-about[data-v-38c8cf8a]{font-size:12px;font-weight:600;color:#5c667a;text-align:left}.project-image-section[data-v-38c8cf8a]{width:20%;display:flex;justify-content:center;align-items:center}.project-description[data-v-38c8cf8a]{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.project-description .desc[data-v-38c8cf8a]{font-size:12px;font-weight:500;color:var(--secondary-text-color)}.project-links a[data-v-38c8cf8a]{background:#e9ecef;border-radius:100px;display:flex;justify-content:center;align-items:center;padding:5px 8px;font-size:12px;color:#495057!important;font-weight:600}.project-links a[data-v-38c8cf8a]:hover{color:#fff!important}.link[data-v-38c8cf8a]{padding-inline:8px;padding-block:2px;font-size:12px;color:var(--secondary-text-color)!important;font-weight:600}.live-link[data-v-38c8cf8a]{color:var(--project-live-button-text-color)!important}.live-link[data-v-38c8cf8a]:hover{background:linear-gradient(45deg,rgba(37,211,102,.8),rgba(7,94,84,.8));color:#fff!important;border-radius:100px}.live-demo[data-v-38c8cf8a]:hover{background:linear-gradient(45deg,#25d366,#075e54);color:#fff!important;border-radius:100px}.demo-link[data-v-38c8cf8a]:hover{background:linear-gradient(45deg,red,#c80000);color:#fff!important;border-radius:100px}.github-link[data-v-38c8cf8a]:hover{background-image:linear-gradient(45deg,#444,#181717);color:#fff!important;border-radius:100px}.project-details-section[data-v-38c8cf8a]{width:80%;display:flex;flex-direction:column;gap:.5rem}@media only screen and (max-width:900px){.project-details-section[data-v-38c8cf8a]{width:100%}}