:root{--border-radius:5px;--primary:#3bb09e;--secondary:#889fbe;--accent:#202354af;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--background:#1b1c1d;--a:#eff;--sidebar-bg:#282a2c;--sidebar-text:#f9fafb;--sidebar-hover-bg:#1f6e89;--sidebar-main-bg:#f3f4f6;--sidebar-border-color:#3bb09e;--gradient-color-1:#ff6ec4;--gradient-color-2:#7873f5;--gradient-color-3:#4ade80;--gradient-color-4:#22d3ee;--gradient-color-5:#facc15;--text-primary:#f9fafb;--text-secondary:#9ca3af;--card-color:#2d3748;--modal-mask-bg:#d4bdbd80}*{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-size:16px;font-style:normal;font-weight:400}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#e7e7e7;border:1px solid #cacaca;border-radius:8px}::-webkit-scrollbar-thumb{background-color:#d55959;border-radius:8px}body{margin:0;padding:0}.loader{--c:#fff 92%,#0000;animation:l11 1s infinite;background:radial-gradient(circle 7px at bottom,var(--c)) 0 0,radial-gradient(circle 7px at top,var(--c)) 0 100%;background-repeat:repeat-x;background-size:25% 50%;height:30px;width:400px}@keyframes l11{80%,to{background-position:33.33333% 0,-33.33333% 100%}}.education-page{align-items:flex-start;color:var(--text-color);display:flex;justify-content:center;padding:2rem 1rem}.education-container{margin:0 auto;max-width:900px;width:100%}.education-timeline{display:flex;flex-direction:column;gap:2rem;position:relative}.education-card{background-color:var(--card-color);border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.education-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.education-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.university-name{color:var(--text-primary);font-size:1.5rem;font-weight:700}.graduation-date{color:var(--secondary);font-size:.9rem;font-style:italic}.degree{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.gpa,.percentage{color:var(--success);font-size:1rem}.experience-page{align-items:flex-start;color:var(--text-color);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.experience-container{margin:0 auto;max-width:900px;width:100%}.experience-timeline{display:flex;flex-direction:column;gap:2rem;position:relative}.experience-card{background-color:var(--card-color);border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.experience-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.company-name{color:var(--text-primary);font-size:1.5rem;font-weight:700}.job-title{color:var(--secondary);font-style:italic}.date-range{color:var(--primary);font-size:.9rem;font-style:italic}.location{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.responsibilities-list{color:var(--text-primary);list-style-type:disc;margin-bottom:1rem;padding-left:20px}.responsibilities-list li{line-height:1.6;margin-bottom:.5rem}.technologies-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background-color:var(--primary-light);border-radius:15px;color:var(--success);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.floating-skills-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:70vh;margin-top:1.4rem;position:relative;width:100%}.quadrant{align-items:center;border-radius:12px;display:flex;justify-content:space-around;overflow:hidden;position:relative}.quadrant-title{color:var(--text-primary);font-size:2rem;font-weight:900;text-shadow:0 0 6px var(--secondary),0 0 6px var(--secondary),0 0 6px var(--secondary),0 0 6px var(--secondary),0 0 6px var(--secondary);z-index:1}.front-end{background-color:#2d37484d}.back-end{background-color:#3842524d}.devops-tools{background-color:#424c5c4d}.other{background-color:#4c56664d}.skill-bubble{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;width:40px;z-index:2}.skill-bubble svg{filter:drop-shadow(0 0 5px rgba(113,128,147,.5));height:100%;width:100%}.floating-skills-container .modal-backdrop{align-items:center;background-color:var(--modal-mask-bg);color:var(--text-primary);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.floating-skills-container .modal-content{background-color:var(--background);border-radius:8px;display:flex;height:50%;max-width:800px;padding:20px}.modal-sidebar{border-left:1px solid var(--primary);flex-basis:33%;overflow-y:auto;padding-left:20px;width:310px}.modal-main-content{flex-basis:66%;padding-left:20px}.modal-sidebar h3{border-bottom:1px solid var(--primary-light);color:var(--primary);font-size:1.2rem;margin-bottom:.2rem;margin-top:0;padding-bottom:.5rem;text-decoration:underline}.modal-sidebar ul{list-style:none;margin:0;padding:0}.modal-sidebar li{border-radius:4px;cursor:pointer;margin-bottom:5px;padding:10px}.modal-sidebar li:hover{background-color:var(--primary-light)}.modal-sidebar li.active{background-color:var(--primary);color:var(--white)}.floating-skills-container .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:.5rem}.floating-skills-container .modal-header h2{border-bottom:2px solid var(--primary)}.floating-skills-container .close-text{bottom:3rem;position:absolute;right:3rem}.close-button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem}.close-button svg{height:1.5rem;width:1.5rem}.close-button:hover{color:var(--danger)}.skills-page{min-height:100vh}.skills-container{margin:0 auto;max-width:900px;padding:2rem 1rem;width:100%}.contact-page{align-items:flex-start;color:var(--text-color);display:flex;justify-content:center;padding:2rem 1rem}.contact-page .contact-content{background-color:var(--card-color);border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000d;max-width:900px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.contact-page .contact-container{margin:0 auto;max-width:900px;width:100%}.contact-container textarea{max-height:200px;min-height:100px;resize:none}.contact-container input,.contact-container textarea{border:1px solid var(--primary);border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:-webkit-fill-available}.contact-container button{background-color:var(--primary);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;padding:.75rem 1.5rem}.introduction-page{align-items:center;color:var(--text-color);display:flex;justify-content:center;min-height:100vh}.introduction-page .container{display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:900px;padding:2rem 1rem;width:100%}.introduction-page .close-text{margin-bottom:18px}.introduction-page .profile-image{border-radius:50%;margin:0 auto 4rem}.introduction-page .intro-name{color:var(--text-primary);font-size:2.8rem;font-weight:800;letter-spacing:-.025em}.introduction-page .intro-title{color:var(--primary);font-size:1.25rem;margin-top:1rem}.introduction-page .location-info{align-items:center;color:var(--secondary);display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.introduction-page .location-info .icon{height:1.25rem;width:1.25rem}.introduction-page .summary{color:#d1d5db;line-height:1.75;margin:2rem auto 0;max-width:800px}.introduction-page .social-links{display:flex;gap:1.5rem;justify-content:center;margin-top:2.5rem}.introduction-page .social-links a{color:var(--secondary);transition:color .3s ease}.introduction-page .social-links a:hover{color:var(--primary)}.introduction-page .social-links .icon{height:2.25rem;width:2.25rem}@media (max-width:640px){.introduction-page .intro-name{font-size:2.25rem}.introduction-page .intro-title{font-size:1.1rem}.introduction-page .profile-image{height:8rem;width:8rem}}.ai-component{align-items:center;color:var(--text-secondary)}.ai-component,.ai-section{display:flex;flex-direction:column;justify-content:center}.ai-component .c-formContainer.is-checked .c-form{width:99em}.ai-component .c-formContainer.is-checked .c-form__toggle{opacity:0;overflow:hidden;transform:scale(.7);visibility:hidden}.ai-component .c-formContainer.is-checked .c-form__buttonLabel,.ai-component .c-formContainer.is-checked .c-form__input{opacity:1;transform:scale(1);transition:.2s .1s;visibility:visible}.ai-component .c-formContainer.is-checked .c-form__input:required:valid+.c-form__buttonLabel{color:#fff}.ai-component .c-formContainer.is-checked .c-form__input:required:valid~.c-form__toggle{cursor:default;pointer-events:none}.ai-component .c-formContainer.is-checked .c-form__input:required:valid~.c-form__toggle:before{content:"Thank You! 😊"}.ai-component .c-formContainer,.c-form,.c-form__toggle{height:4.25em;max-width:25em}.ai-component .c-formContainer{font-weight:700;position:relative}.c-form,.c-form__toggle{animation:gradient 2s ease infinite;background-color:#fff;background:linear-gradient(-45deg,#fff,#a89494,#72e9d3,#e86df9);background-size:400% 400%;border-radius:6.25em;height:70px;position:absolute;transition:.2s;width:100px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-form{box-shadow:0 .125em .3125em #0000004d;box-sizing:border-box;display:flex;gap:6px;justify-content:center;left:50%;padding:.625em;transform:translateX(-50%)}.c-form img{height:105px;width:88px}.c-form__toggle{align-items:center;color:var(--primary);cursor:pointer;display:flex;justify-content:center;overflow:hidden;top:0;z-index:1}.c-form__toggle:before{content:attr(data-title);font-size:1.25em}.c-form__button,.c-form__input{border:0;border-radius:5em;box-sizing:border-box;font:inherit;outline:0}.c-form__buttonLabel,.c-form__input{font-size:1.25em;opacity:0;transform:scale(.7);transition:0s;visibility:hidden}.c-form__input{color:var(--primary);height:100%;padding:0 .714em;width:100%}.c-form__input::placeholder{color:currentColor}.c-form__input:required:valid{color:var(--primary)}.c-form__input:required:valid+.c-form__buttonLabel{color:#fff}.c-form__input:required:valid+.c-form__buttonLabel:before{pointer-events:auto}.c-form__buttonLabel{color:#ffaea9;height:100%;width:auto}.c-form__buttonLabel:before{content:"";cursor:pointer;height:100%;pointer-events:none;position:absolute;width:100%}.c-form__button{background-color:var(--primary);color:inherit;height:100%;padding:0;width:5em}.layout-shell{display:flex;min-height:100vh}.sidebar{background-color:var(--sidebar-bg);box-shadow:.1px 0 3px 0 #c7c0c091;color:var(--sidebar-text);flex-shrink:0;overflow:hidden;position:relative;z-index:10}.sidebar-inner{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:1rem;position:fixed;width:inherit}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;min-height:40px}.flex-col{flex-direction:column}.sidebar-header>:only-child{margin:auto}.logo{color:var(----text-secondary);font-size:1.25rem;font-weight:700;gap:.5rem}.logo,.toggle-button{align-items:center;display:flex}.toggle-button{background:#0000;border:1px solid var(--sidebar-border-color);border-radius:var(--border-radius);color:var(--sidebar-text);cursor:pointer;font-size:1rem;justify-content:center;padding:6px 12px;transition:color .2s,background-color .2s}.toggle-button:hover{background-color:var(--sidebar-hover-bg);color:var(----text-secondary)}.nav-menu ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.nav-menu .active{background-color:var(--sidebar-hover-bg);color:var(----text-secondary)}.nav-menu li .nav-button:active{animation:grow-and-shrink .2s ease-in-out;background-color:var(--sidebar-hover-bg)}@keyframes grow-and-shrink{0%{transform:scale(1)}to{transform:scale(1.1)}}.nav-menu li .nav-button{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--sidebar-text);cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;position:relative;text-align:left;transition:color .2s,background-color .2s;white-space:nowrap;width:100%}.nav-menu ul li button{position:relative}.nav-menu ul li button:after{background:var(--primary);bottom:0;color:#0000;content:".";height:2px;left:0;margin:auto;position:absolute;right:0;transition:width .3s ease-out;width:0}.nav-menu ul li button:hover:after{width:60%}.nav-icon{display:flex;font-size:1.25rem;justify-content:center;min-width:24px}W

.nav-text{font-size:1.1rem;font-weight:900}.main-container{background-color:var(--background);flex-grow:1;overflow-y:auto}.main-header{display:none}.page-header{border-bottom:2px solid var(--primary);color:var(--text-primary);display:inline-block;font-size:2.5rem;font-weight:800;margin-bottom:3rem;padding-bottom:.5rem;text-align:center}
/*# sourceMappingURL=main.2ebdead7.css.map*/