*{box-sizing:border-box;font-family:DM Sans,sans-serif;list-style:none;margin:0;padding:0}:root{--spacing-3xs:0.25rem;--spacing-2xs:0.5rem;--spacing-xs:0.75rem;--spacing-sm:1rem;--spacing-md:1.25rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:3rem;--width-full:100%;--width-half:50%;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:2rem;--radius-full:999px;--mix-blend:difference;--invert-color:invert(100%);--invert-color-anti:invert(0%)}.theme-dark{--primary-color:#202020;--secondary-color:#fafafa;--enfasis-primary-color:#000;--enfasis-secondary-color:#fff;--card-color:#202020;--grey-color:#8f8f8f1a;--light-grey-color:#a1a1a1;--yellow-color:#ffff05;--yellow-opt:#e1ff05b3;--mix-blend:difference;--mix-blend-anti:normal;--invert-color:invert(1%);--invert-color-anti:invert(99%);--code-modal-color:#1517180c;--code-modal-shadow:#101213cf}.theme-light{--primary-color:#fafafa;--secondary-color:#202020;--enfasis-primary-color:#fff;--enfasis-secondary-color:#000;--card-color:#202020;--grey-color:#8f8f8f1a;--light-grey-color:#a1a1a1;--yellow-color:#ffb405;--yellow-opt:#ffb405b3;--mix-blend:difference;--mix-blend-anti:normal;--invert-color:invert(99%);--invert-color-anti:invert(1%);--code-modal-color:#f8fdfe0e;--code-modal-shadow:#41494d1d}html{height:100%;height:var(--width-full);scroll-behavior:smooth}::selection{background:var(--yellow-color);color:var(--enfasis-primary-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-color);box-sizing:border-box;color:var(--light-grey-color);font-size:.875rem;font-size:var(--font-sm);font-weight:300;height:100%;height:var(--width-full);line-height:1.5rem;line-height:var(--spacing-lg);margin:0;min-height:100%;min-height:var(--width-full);padding:0;text-rendering:geometricPrecision;transition:background-color .8s ease,color .8s ease}blockquote,body,h1,h2,h3,h4,h5,h6,li,p,span{font-family:DM Sans,sans-serif}main{display:flex;flex-direction:column;margin:0;min-height:100%;min-height:var(--width-full);min-width:100%;min-width:var(--width-full);padding:0;width:100%;width:var(--width-full)}header{align-items:center;display:flex;flex-direction:row;height:2rem;height:var(--spacing-xl);justify-content:space-between;left:0;margin:0 auto;padding:2rem .5rem;padding:var(--spacing-xl) var(--spacing-2xs);position:sticky;top:0;width:50%;width:var(--width-half);z-index:99999}header,header h1.logo a{mix-blend-mode:difference;mix-blend-mode:var(--mix-blend)}header h1.logo a{color:var(--primary-color);filter:invert(0);filter:var(--invert-color-anti);font-size:1.25rem;font-size:var(--font-lg);font-weight:500;letter-spacing:-1px;line-height:1.25rem;line-height:var(--font-lg);opacity:.9;text-decoration:none;text-transform:uppercase;transition:all .15s ease-in-out}header h1.logo a:hover,header h1.logo:active,header h1.logo:visited{color:var(--primary-color);filter:invert(0);filter:var(--invert-color-anti);letter-spacing:-.9px;mix-blend-mode:difference;mix-blend-mode:var(--mix-blend);opacity:1;-webkit-user-select:none;user-select:none}nav{mix-blend-mode:difference;mix-blend-mode:var(--mix-blend);padding:0;transition:all 1s ease;width:auto}nav.navbar ul.navbar-items-container{align-items:center;display:flex;flex-direction:row;gap:2rem;gap:var(--spacing-xl);justify-content:flex-start}.menu-trigger,ul.navbar-items-container li.nav-item a{display:inline-block;font-size:.75rem;font-size:var(--font-xs);font-weight:300;line-height:.875rem;line-height:var(--font-sm);text-decoration:none;transition:all .15s ease-in-out}.menu-trigger,ul.navbar-items-container li.nav-item a,ul.navbar-items-container li.nav-item a:hover{color:var(--primary-color);filter:invert(0);filter:var(--invert-color-anti);mix-blend-mode:difference;mix-blend-mode:var(--mix-blend)}ul.navbar-items-container li.nav-item:after{background:var(--yellow-opt);content:"";display:block;filter:invert(100%);filter:var(--invert-color);height:1px;transition:width .15s ease;width:0}ul.navbar-items-container li.nav-item:hover:after{width:100%}ul.navbar-items-container li.nav-item-mode:last-child{align-self:flex-end;flex-grow:1;text-align:end}ul.navbar-items-container li.nav-item-mode:last-child button{background-color:initial;border:none;border-radius:2rem;border-radius:var(--radius-lg);padding:.25rem;padding:var(--spacing-3xs)}ul.navbar-items-container li.nav-item-mode:last-child img{cursor:pointer;filter:invert(100%);height:1rem;height:var(--font-base);opacity:.8;transition:all .15s ease;vertical-align:middle;width:1rem;width:var(--font-base)}ul.navbar-items-container li.nav-item-mode:last-child img:hover{opacity:1;scale:1.1}.menu-trigger{display:none}.section-wrapper{align-items:center;justify-content:center;margin:0 auto;padding:2.5rem 1.5rem;padding:var(--spacing-2xl) var(--spacing-lg);width:100%;width:var(--width-full)}.content-box,.section-wrapper{display:flex;flex-direction:column}.content-box{gap:2rem;gap:var(--spacing-xl);max-width:1200px;text-align:start;width:50%;width:var(--width-half)}section{min-height:100%;min-height:var(--width-full);padding:2rem;padding:var(--spacing-xl)}section,section.intro{width:100%;width:var(--width-full)}section.intro{align-items:center;flex-wrap:wrap;gap:0;height:80dvh;justify-content:space-between}.hero-data,section.intro{display:flex;flex-direction:column}.hero-data{align-items:flex-start;gap:.5rem;gap:var(--spacing-2xs);height:100%;height:var(--width-full);justify-content:center;padding-bottom:1.5rem;padding-bottom:var(--spacing-lg);width:50%;width:var(--width-half)}.hero-data#update{padding-left:.5rem;padding-left:var(--spacing-2xs)}.hero-update-modal{font-feature-settings:"calt";background-color:var(--grey-color);border-radius:.25rem;border-radius:var(--radius-xs);box-shadow:5px 5px 8px var(--code-modal-shadow);font-size:.875rem;font-size:var(--font-sm);-webkit-font-variant-ligatures:contextual;-moz-font-variant-ligatures:contextual;font-variant-ligatures:contextual;height:auto;line-height:1.5rem;line-height:var(--spacing-lg);padding:1.25rem .5rem;padding:var(--font-lg) var(--spacing-2xs);position:relative;width:100%;width:var(--width-full)}.code-nav{margin-bottom:.875rem;margin-bottom:var(--font-sm);width:100%}ul.code-nav-buttons{display:flex;flex-direction:row;gap:.5rem;gap:var(--spacing-2xs);height:.875rem;height:var(--font-sm)}.code-nav-button{border-radius:999px;border-radius:var(--radius-full);height:.875rem;height:var(--font-sm);width:.875rem;width:var(--font-sm)}.code-nav-button:first-child{background-color:#ff5f55}.code-nav-button:nth-child(2){background-color:#ffbd2d}.code-nav-button:last-child{background-color:#25c93f}.code-text pre{word-wrap:break-word;cursor:text;font-size:98%;font-weight:300;letter-spacing:.8px;line-height:inherit;white-space:pre-wrap;word-break:normal}.code-text span{display:table;margin-right:.1px}.code-text span.operator{color:#e6cd69}.code-text span.prop{color:#54b5db;margin-left:.5rem;margin-left:var(--spacing-2xs)}.code-text span.prop mark{background:none;color:#9f74c4}.code-text span.prop mark.operator-mark{color:#e6cd69}.code-text span.prop mark.boolean-mark{color:#236c99}.code-text span.prop mark.next-value:after,.next-value:after{color:var(--secondary-color);content:",";font-size:inherit}.code-text span.prop a{margin-left:5px}.code-text span.prop a.next-value,.code-text span.prop a.next-value:active,.code-text span.prop a.next-value:hover,.code-text span.prop a.next-value:visited{color:#9f74c4;text-decoration:underline}.code-text span.prop mark.number-mark{color:#90a959}.code-text span.prop a.number-archive,.code-text span.prop a.number-archive:active,.code-text span.prop a.number-archive:hover,.code-text span.prop a.number-archive:visited{color:#90a959;text-decoration:underline}.hero-data .hero-profile-img-pic{animation:loadImg .25s ease-in-out forwards;animation-iteration-count:1;aspect-ratio:1/1;background-color:var(--code-modal-color);border-radius:999px;border-radius:var(--radius-full);height:3.5rem!important;object-fit:cover;object-position:center;position:absolute;right:.5rem;right:var(--spacing-2xs);top:1.25rem;top:var(--font-lg);width:3.5rem}@keyframes loadImg{0%{aspect-ratio:89.4/9}to{aspect-ratio:14.4/9}}.hero-data .pic-text-container{align-items:center;background:linear-gradient(90deg,var(--code-modal-color) 0,#fff0 40%,#fff0 80%,var(--code-modal-color) 100%);display:flex;height:4.5rem;height:calc(var(--spacing-lg)*3);justify-content:space-between;padding-bottom:.25rem;padding-bottom:var(--spacing-3xs);padding-top:.25rem;padding-top:var(--spacing-3xs);position:absolute;width:calc(50% - 2rem);width:calc(50% - var(--spacing-xl));width:calc(-webkit-fill-available)}.hero-data h2.hero-profile-title-pic{text-wrap:balance;flex-shrink:1;font-size:1rem;font-size:var(--font-base);font-weight:400;letter-spacing:.275px;line-height:1.5rem;line-height:var(--spacing-lg);width:50%}.hero-data h2.hero-profile-title-pic,.hero-data p.hero-profile-text-pic{color:var(--light-grey-color);padding:.25rem;padding:var(--spacing-3xs);-webkit-user-select:none;user-select:none}.hero-data p.hero-profile-text-pic{font-size:.75rem;font-size:var(--font-xs);line-height:.875rem;line-height:var(--font-sm);margin-right:-1px;text-align:right;text-shadow:0 1px 5px var(--grey-color)}.mini-hero-start,.view-archive{display:flex;height:min-content;margin:auto;width:50%;width:var(--width-half)}.mini-hero-start{justify-content:center}.view-archive{justify-content:flex-start}.mini-hero-start{animation:float 1s linear infinite;opacity:.7;order:2;transition:all .15s ease-in-out}.mini-hero-start img{border:1px solid var(--light-grey-color);border-radius:2rem;border-radius:var(--radius-lg);filter:invert(100%);filter:var(--invert-color);padding:.25rem;padding:var(--spacing-3xs);vertical-align:middle}.mini-hero-start:hover{opacity:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes gradientProfile{0%{box-shadow:0 0 .1em 0 var(--yellow-opt)}25%{box-shadow:0 0 .125em var(--yellow-opt)}50%{box-shadow:0 0 .125em .125em var(--yellow-opt)}75%{box-shadow:0 .125em .125em 0 var(--yellow-opt)}to{box-shadow:.125em 0 .125em 0 var(yellow-opt)}}.hero-data img{height:-moz-fit-content;height:fit-content;object-fit:contain}.hero-data h2.hero-profile-title{color:var(--enfasis-secondary-color);font-size:.875rem;font-size:var(--font-sm);font-weight:400;letter-spacing:.275px;line-height:1.25rem;line-height:var(--font-lg);margin-top:.25rem;margin-top:var(--spacing-3xs)}.hero-data p.hero-profile-text{text-wrap:pretty;font-size:.875rem;font-size:var(--font-sm);-webkit-hyphens:auto;hyphens:auto;letter-spacing:.75px;line-height:.875rem;line-height:var(--font-sm);overflow-wrap:break-word;padding-bottom:.5rem;padding-bottom:var(--spacing-2xs);width:60%;width:calc(var(--width-half) + 10%)}.hero-data a.hero-profile-button,.profile-about-links-list li button{background-color:initial;border:none;border-bottom:1px solid #8f8f8f1a;border-radius:none;color:var(--secondary-color);font-size:.875rem;font-size:var(--font-sm);font-weight:300;line-height:.875rem;line-height:var(--font-sm);opacity:.8;padding:.5rem .75rem;padding:var(--spacing-2xs) var(--spacing-xs);text-decoration:none;transition:all .15s ease-in-out}.profile-about-links-list li a{border:none}.hero-hard-skill-img{height:1rem;height:var(--font-base);object-fit:scale-down;padding-left:.25rem;padding-left:var(--spacing-3xs);vertical-align:top;width:1rem;width:var(--font-base)}.hard-skill-img#github_profile,.hero-hard-skill-img#github{mix-blend-mode:difference}.profile-about-links-list li button{background-color:initial;cursor:pointer;font-size:.875rem;font-size:var(--font-sm);line-height:3rem;line-height:var(--spacing-3xl);margin-top:-.5em;text-align:start;width:100%}.profile-about-links-list li button:after{content:"→";float:right;padding:0 .25rem;padding:0 var(--spacing-3xs);transition:all .15s ease}.profile-about-links-list li button.expands-container-active:after,.profile-about-links-list li button:hover:after{rotate:90deg}.btn-resume:hover,.hero-data a.hero-profile-button:hover,.profile-about-links-list li button.expands-container-active:hover,.profile-about-links-list li button:hover{color:var(--secondary-color);opacity:1;transform:translateY(-.15em)}.intro-mini-footer{align-self:flex-end;display:flex;flex-shrink:1;height:min-content;justify-content:space-between;width:100%;width:var(--width-full)}.intro-mini-footer a,.intro-mini-footer a:visited,.intro-mini-footer p,.mini-hero-start a,.mini-hero-start a:visited{color:var(--light-grey-color);font-size:.75rem;font-size:var(--font-xs);letter-spacing:-.575px;line-height:.875rem;line-height:var(--font-sm);text-decoration:none;transition:all .15s ease-in-out}.intro-mini-footer a:hover,.mini-hero-start a:hover{color:var(--enfasis-secondary-color);scale:1.01}section.blogs,section.projects{display:flex;flex-direction:column;flex-wrap:wrap;gap:1.25rem;gap:var(--font-lg);height:auto;justify-content:center;overflow-x:auto;overflow-y:auto;padding-top:2.5rem;padding-top:var(--spacing-2xl)}section.projects{align-items:flex-start}section.blogs{align-items:center}#projects{border-radius:.5rem .5rem 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}#blogs{border-radius:.5rem;border-radius:var(--radius-sm)}#works{border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--radius-sm) var(--radius-sm)}section h2.section-title,section h2.section-title-invert{font-size:1.25rem;font-size:var(--font-lg);font-weight:400;letter-spacing:-.25px;line-height:1.25rem;line-height:var(--font-lg);text-transform:uppercase}section h2.section-title{color:var(--enfasis-secondary-color)}section h2.section-title-invert{color:var(--primary-color)}.projects-list{grid-gap:.5rem;grid-gap:var(--radius-sm);box-sizing:border-box;display:grid;gap:.5rem;gap:var(--radius-sm);grid-template-columns:repeat(6,1fr);height:auto;margin-bottom:1.25rem;margin-bottom:var(--spacing-md);margin-top:1.25rem;margin-top:var(--spacing-md);overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:50%;width:var(--width-half)}.projects-list::-webkit-scrollbar{height:.5rem;height:var(--radius-sm)}.projects-list::-webkit-scrollbar-thumb,.projects-list::-webkit-scrollbar-track{border-radius:1rem;border-radius:var(--radius-md)}.projects-list::-webkit-scrollbar-thumb{background:var(--yellow-color)}.projects-list::-webkit-scrollbar-track{background:var(--secondary-color)}a.project-link{align-content:flex-start;align-items:flex-start;align-self:start;aspect-ratio:1/1;border-radius:.25rem;border-radius:var(--radius-xs);box-sizing:border-box;color:var(--secondary-color);display:flex;filter:grayscale(.1) brightness(.95);flex-direction:row;flex-wrap:wrap;gap:0;height:100%;height:var(--width-full);justify-content:flex-start;padding:0;position:relative;text-decoration:none;transition:transform .15s ease-in-out,filter .15s ease-in-out;width:100%;width:var(--width-full)}a.project-link.square,a.project-link.vertical,a.project-link.vertical-wide{grid-column:span 1}a.project-link.square{aspect-ratio:1/1}a.project-link.square-wide{aspect-ratio:16/12}a.project-link.vertical{aspect-ratio:.807666666/1}a.project-link.vertical-wide{aspect-ratio:.807666666/.919666666}a.project-link.wide{aspect-ratio:16/9}a.project-link.wide-plus{aspect-ratio:16/6.5}a.project-link.full{grid-column:span 6}a.project-link.half-plus{grid-column:span 4}a.project-link.half{grid-column:span 3}a.project-link.quarter{grid-column:span 2}@media (max-width:1024px){.projects-list{grid-template-columns:1fr}a.project-link.full,a.project-link.half,a.project-link.quarter,a.project-link.quarter-wide,a.project-link.square,a.project-link.square-wide,a.project-link.vertical,a.project-link.vertical-wide{grid-column:span 1}}a.project-link:hover{border-radius:.25rem;border-radius:var(--radius-xs);color:var(--enfasis-secondary-color);scale:.99}a.project-link:hover .project-info{background:linear-gradient(0deg,#202020ce 0,var(--code-modal-color) 100%);border-radius:.25rem;border-radius:var(--radius-xs);opacity:1;scale:1;z-index:1}.project-image{display:contents}.project-image,.project-image img{border-radius:inherit;height:100%;height:var(--width-full);pointer-events:none;width:100%;width:var(--width-full)}.project-image img{display:block;object-fit:cover;object-position:center;overflow:hidden;transition:all .1s ease;-webkit-user-select:none;user-select:none}.project-info{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;flex-wrap:nowrap;height:100%;height:var(--width-full);justify-content:space-between;left:0;opacity:0;overflow:hidden;padding:.5rem;padding:var(--spacing-2xs) var(--spacing-2xs);position:absolute;top:0;transition:opacity .15s ease-in-out,background .15s ease-in-out;width:100%;width:var(--width-full)}.project-info h3.project-title{background-color:var(--secondary-color);border-radius:2rem;border-radius:var(--radius-lg);color:var(--primary-color);font-size:.75rem;font-size:var(--font-xs);font-weight:400;letter-spacing:.375px;line-height:1rem;line-height:var(--font-base);padding:.25rem .5rem;padding:var(--spacing-3xs) var(--spacing-2xs);width:-moz-fit-content;width:fit-content}.project-info span.project-subtitle{font-style:italic;margin-right:.25rem;margin-right:var(--spacing-3xs);padding:.25rem;padding:var(--spacing-3xs) var(--spacing-3xs);text-transform:lowercase}.project-info span.project-blog-link,.project-info span.project-subtitle{color:var(--primary-color);font-size:.75rem;font-size:var(--font-xs);font-weight:300;line-height:.875rem;line-height:var(--font-sm)}.project-info span.project-blog-link{align-self:flex-end;display:flex;justify-content:flex-end;text-shadow:none}.project-links{align-self:flex-end;display:flex;position:absolute}.project-links ul{display:flex;display:inline-flex;flex-direction:row;gap:.5rem;gap:var(--spacing-2xs);list-style:none;margin:0;padding:0}.project-links ul li a{cursor:pointer;transition:transform .15s ease-in-out}.project-links ul li a:hover{transform:scale(1.1)}.project-links ul li a img{aspect-ratio:1/1;background-color:var(--card-color);border-radius:50%;object-fit:cover;padding:.5rem;padding:var(--spacing-2xs)}.behance-project,.blog-writing,.figma-project,.github-project{height:2.15em;width:2.15em}.blog-writing{padding-top:.75rem;padding-top:var(--spacing-xs)}.project-info-sub{display:flex;filter:none;flex-direction:column;gap:.25rem;gap:var(--spacing-3xs);height:100%;height:var(--width-full);justify-content:flex-end;width:100%;width:var(--width-full)}.project-info-sub h4.project-category{background-color:var(--primary-color);border-radius:2rem;border-radius:var(--radius-lg);color:var(--secondary-color);font-size:.75rem;font-size:var(--font-xs);font-weight:300;letter-spacing:.075px;line-height:.875rem;line-height:var(--font-sm);padding:.5rem;padding:var(--spacing-2xs) var(--spacing-2xs);width:-moz-fit-content;width:fit-content}.project-info-sub ul.project-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:.275rem;justify-content:flex-start;width:100%;width:var(--width-full)}.project-info-sub ul.project-tags li{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:1rem;border-radius:var(--font-base);color:var(--secondary-color);font-size:.75rem;font-size:var(--font-xs);font-weight:300;line-height:.875rem;line-height:var(--font-sm);padding:.5rem;padding:var(--spacing-2xs) var(--spacing-2xs)}.view-archive-button{color:var(--secondary-color);font-size:1rem;font-size:var(--font-base);font-weight:400;letter-spacing:-.25px;line-height:1rem;line-height:var(--font-base);opacity:.8;text-decoration:none;text-transform:uppercase;transition:all .15s ease-in-out}.view-archive-button:hover{background-color:var(--primary-color);border-color:var(--enfasis-secondary-color);color:var(--enfasis-secondary-color);opacity:1}section.profile{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:0;height:auto;justify-content:center}section.contact-section-wrapper{padding:0 1.5rem;padding:0 var(--spacing-lg)}.contact.content-box{align-items:center;background-color:var(--secondary-color);border-radius:.25rem;border-radius:var(--radius-xs);color:var(--primary-color);display:flex;flex-direction:row;height:auto;justify-content:space-between;margin:3rem auto;margin:var(--spacing-3xl) auto;min-height:25dvh;overflow:hidden;padding:3rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.contact-title{color:var(--primary-color)!important;font-size:1.5rem!important;font-size:var(--spacing-lg)!important;letter-spacing:-1px;line-height:2.6;text-transform:none!important}.contact .work-toggle-wrapper{background-color:var(--yellow-opt)!important;border:none!important;opacity:1!important}.contact .work-toggle-btn{background-color:var(--yellow-opt)!important;color:#000!important}.contact .work-toggle-btn:hover{opacity:.9;transform:scale(1.02)}.theme-dark .contact.content-box{background-color:#8b8b8b;color:#1a1a1a}.theme-dark .contact .contact-title{color:#1a1a1a!important}.blogs .blogs-info,.profile .profile-about-info,.projects .works-info{display:flex;flex-direction:column;gap:2.5rem;gap:var(--spacing-2xl);height:100%;height:var(--width-full);width:50%;width:var(--width-half)}.profile .profile-about-info{gap:2rem;gap:var(--spacing-xl);justify-content:center;text-align:center}.projects .works-info{padding-bottom:2.5rem;padding-bottom:var(--spacing-2xl);width:calc(67.13332% - .5rem);width:calc(67.13332% - var(--spacing-2xs))}.profile .profile-about-info#accordion{margin-top:2rem;margin-top:var(--spacing-xl)}.blog-articles-container h3.section-subtitle-title,h3.profile-skills-title{color:var(--secondary-color);font-size:.875rem;font-size:var(--font-sm);font-weight:400;letter-spacing:2px;line-height:.875rem;line-height:var(--font-sm);text-transform:uppercase;width:100%;width:var(--width-full)}.blog-articles-container h3.section-subtitle-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}h3.profile-skills-title{margin-bottom:.875rem;margin-bottom:var(--font-sm)}.blog-description-text,.profile .profile-about-text,.work-description-text{word-wrap:break-word;color:var(--secondary-color);font-size:.875rem;font-size:var(--font-sm);letter-spacing:-.25px;line-height:1.5rem;line-height:var(--spacing-lg)}.blog-description-text,.work-description-text{width:60ch}.contact .contact-text{word-wrap:break-word;color:var(--secondary-color);font-size:1.25rem;font-size:var(--font-lg);letter-spacing:-.25px;line-height:2rem;line-height:var(--spacing-xl)}.profile .profile-about-text,.work-description-text{opacity:.9;padding-left:0;text-indent:0}.profile .profile-about-text{text-wrap:pretty;padding:0 1.5rem;padding:0 var(--spacing-lg)}.contact .contact-text{text-wrap:balance;opacity:.9;padding-right:.75rem;padding-right:var(--spacing-xs);text-indent:0}.work-toggle-wrapper{align-items:center;background-color:var(--grey-color);border:1px solid var(--grey-color);border-radius:100px;display:flex;gap:.75rem;gap:var(--spacing-xs);padding:.5rem .75rem .5rem .5rem;padding:var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) var(--spacing-2xs);width:-moz-fit-content;width:fit-content}.work-toggle-pic-area{border-radius:999px;border-radius:var(--radius-full);display:flex;height:50px;overflow:hidden;width:50px}.work-toggle-img{height:100%;height:var(--width-full);object-fit:cover;width:100%;width:var(--width-full)}.work-toggle-btn{background-color:var(--main-color);border-radius:100px;color:var(--enfasis-secondary-color)!important;font-size:1rem;font-size:var(--font-base);font-weight:500;padding:.5rem 1.5rem;padding:var(--spacing-2xs) var(--spacing-lg);text-decoration:none;transition:opacity .3s ease,transform .2s ease}.work-toggle-btn:hover{opacity:.85;transform:translateY(-1px)}.work-toggle-btn:active,.work-toggle-btn:visited{background-color:var(--main-color);color:var(--enfasis-secondary-color)!important}@media (max-width:768px){.work-toggle-wrapper{gap:8px;padding:.25rem .5rem .25rem .25rem;padding:var(--spacing-3xs) var(--spacing-2xs) var(--spacing-3xs) var(--spacing-3xs)}.work-toggle-pic-area{height:40px;width:40px}.work-toggle-btn{font-size:.875rem;font-size:var(--font-sm);padding:.5rem 1.25rem;padding:var(--spacing-2xs) var(--spacing-md)}}.didea-cta-container{justify-content:flex-start;margin:1.5rem 0;margin:var(--spacing-lg) 0;width:100%;width:var(--width-full)}.didea-cta-wrapper{align-items:center;background-color:#2f3a41;border:1px solid #2f3a41;border-radius:.25rem;border-radius:var(--radius-xs);display:flex;gap:1.5rem;gap:var(--spacing-lg);max-width:590px;padding:1rem;padding:var(--font-base);text-decoration:none;transition:transform .2s ease;width:100%;width:var(--width-full)}.didea-cta-wrapper:hover{transform:translateY(-2px)}.didea-logo-container{align-items:center;color:#f9f9f9;display:flex;height:60px;justify-content:center;min-width:60px}.didea-star-icon{animation:rotateInfinite 10s linear infinite;height:100%;height:var(--width-full);width:100%;width:var(--width-full)}@keyframes rotateInfinite{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.didea-cta-container{display:flex}.didea-cta-card{align-items:center;background-color:#2f3a41;border:1px solid #2f3a41;border-radius:.25rem;border-radius:var(--radius-xs);display:flex;gap:1.25rem;gap:var(--spacing-md);max-width:650px;padding:1rem 1.5rem;padding:var(--font-base) var(--spacing-lg);text-decoration:none;transition:transform .3s ease;width:100%;width:var(--width-full)}.didea-cta-card:hover{transform:translateY(-.15rem)}.didea-arrow{color:#f9f9f9;display:inline-block;transition:transform .15s ease-in-out,color .15s ease-in-out}.didea-cta-card:hover .didea-arrow{color:#8fa39d;transform:rotate(-45deg)}.didea-logo-box{flex-shrink:0;height:55px;width:55px}.didea-spin-img{animation:didea-spin 10s linear infinite;height:100%;height:var(--width-full);object-fit:contain;width:100%;width:var(--width-full)}@keyframes didea-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.didea-text-content{flex-grow:1}.didea-brand{color:#8fa39d;font-size:.875rem;font-size:var(--font-sm);letter-spacing:1px;margin:0;text-transform:uppercase}.didea-title{color:#f9f9f9;font-size:1.25rem;font-size:var(--spacing-md);line-height:.875rem;line-height:var(--font-sm);margin:2px 0}.didea-tagline{color:#f9f9f9;font-size:.875rem;font-size:var(--font-sm);font-style:italic;line-height:1.25rem;line-height:var(--font-lg);margin:0;opacity:.8}@media (max-width:768px){.didea-cta-card{gap:1rem;gap:var(--font-base);padding:.75rem 1rem;padding:var(--spacing-xs) var(--font-base)}.didea-logo-box{height:45px;width:45px}}.blog-description-text{opacity:.9;padding-right:.75rem;padding-right:var(--spacing-xs);width:100%;width:var(--width-full)}.about-experience-description-text a,.blog-description-text a{color:var(--secondary-color);text-decoration:underline;transition:all .15s ease}.about-experience-description-text a:hover,.blog-description-text a:hover{color:var(--yellow-color);text-decoration:underline}.contact .contact-button,.contact .contact-text{max-width:100%;max-width:var(--width-full);width:100%;width:var(--width-full)}.contact .contact-button{color:var(--secondary-color);display:inline-block;font-size:clamp(2.5rem,2vw,2.5rem);font-weight:400;max-width:75vw;opacity:.9;text-decoration:none;text-indent:2rem;text-indent:var(--spacing-xl);text-overflow:ellipsis;text-transform:uppercase;transition:opacity .15s ease,letter-spacing .15s ease;white-space:nowrap}.contact .contact-button:hover{letter-spacing:.1px;opacity:1}.blog-articles-container ul.blog-links,.profile-about-links-list{display:flex;flex-direction:column;flex-wrap:wrap}.profile-about-links-list,ul.blog-links{gap:.5rem;gap:var(--spacing-2xs)}.profile-about-links-list a{border:1px solid var(--grey-color)}.experience ul.about-clients li,.profile-skills ul.about-hard-skills li span,.profile-skills ul.about-soft-skills li{color:var(--secondary-color);font-size:.875rem;font-size:var(--font-sm);line-height:.875rem;line-height:var(--font-sm);padding:.25rem 0;padding:var(--spacing-3xs) 0}.profile-skills ul.about-soft-skills li:after{content:",";margin-right:.25rem;margin-right:var(--spacing-3xs)}.experience ul.about-clients li a{color:var(--secondary-color);display:inline-block;font-size:.875rem;font-size:var(--font-sm);text-decoration:none}.experience ul.about-clients li a:after{background:var(--yellow-color);content:"";display:block;height:.5px;transition:width .3s;width:0}.experience ul.about-clients li a:hover:after{width:100%}.experience ul.about-clients li a span.client-since{color:var(--yellow-color);font-size:.775rem;font-weight:300;padding-right:.25rem;padding-right:var(--spacing-3xs);vertical-align:middle}.certificates-row-container{padding:.5rem 0!important;padding:var(--spacing-2xs) 0!important}.certificates-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-3xs);justify-content:flex-start;width:100%;width:var(--width-full)}.certificates-row a{color:var(--secondary-color);display:inline-block;font-size:.875rem;font-size:var(--font-sm);text-decoration:none}.experience{align-items:flex-start;display:block;max-height:0;opacity:0;overflow:hidden;padding:.5rem .75rem;padding:var(--spacing-2xs) var(--spacing-xs);text-align:left;width:100%;width:var(--width-full)}ul.blog-links li.blog-link-item{border-top:1px solid #8f8f8f1a;cursor:pointer;display:list-item;opacity:.8;padding:1.25rem 0;padding:var(--font-lg) 0;position:relative;transition:color .15s ease,transform .15s ease,opacity .15s ease;width:100%;width:var(--width-full)}ul.blog-links li.blog-link-item:after{content:"→";float:right;padding:0 .25rem;padding:0 var(--spacing-3xs);transition:transform .15s ease}ul.blog-links li.blog-link-item:last-child{border-bottom:1px solid var(--primary-color);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}ul.blog-links li.blog-link-item a.blog-link{color:var(--secondary-color);font-size:.875rem;font-size:var(--font-sm);height:100%;height:var(--width-full);left:0;line-height:100%;line-height:var(--width-full);padding-top:1.5rem;padding-top:var(--spacing-lg);position:absolute;text-decoration:none;top:0;transition:color .15s ease,transform .15s ease;width:100%;width:var(--width-full)}ul.blog-links li.blog-link-item:hover{color:var(--enfasis-secondary-color);opacity:1;transform:translateY(-.15em)}ul.blog-links li.blog-link-item:hover:after{rotate:-42deg}.experience.active{animation:expandAnimation 1.5s ease-in-out .1s forwards}.experience:not(.active){animation:collapseAnimation 1.5s ease-in-out .1s forwards}@keyframes expandAnimation{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}@keyframes collapseAnimation{0%{max-height:1000px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-10px)}}.profile-skills .skills-content{display:flex;flex-direction:row;gap:.5rem;gap:var(--spacing-2xs);height:min-content;justify-content:space-between;margin-block-end:0;margin-bottom:0;padding-bottom:0}.experience h3.about-subtitle{color:var(--yellow-color);font-size:.875rem;font-size:var(--font-sm);font-weight:300;letter-spacing:-.275px;line-height:1.5rem;line-height:var(--font-xl)}.footer-container .footer-links{display:flex;flex-direction:column;gap:.275rem}.profile-skills ul.about-hard-skills,.profile-skills ul.about-soft-skills{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.profile-skills ul.about-soft-skills{padding-right:3rem;padding-right:var(--spacing-3xl)}.profile .about-experience{align-self:flex-end;display:flex;flex-direction:column;gap:1.25rem;height:45%;height:calc(var(--width-half) - 5%);justify-content:flex-start}.profile .about-experience,.profile .about-experience .about-expand-container,.profile .about-experience .about-expand-container-active{width:100%;width:var(--width-full)}.profile .about-experience .about-expand-container p{text-wrap:balance;color:var(--secondary-color);font-size:.875rem;font-size:var(--font-sm);line-height:1.5rem;line-height:var(--spacing-lg)}.profile-skills ul.about-hard-skills li.hard-skill-item{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2xs);height:2.5rem;height:var(--spacing-2xl);justify-content:flex-start;padding:.25rem;padding:var(--spacing-3xs);text-align:center;width:2.5rem;width:var(--spacing-2xl)}.profile-skills ul.about-hard-skills li.hard-skill-item img{height:auto;vertical-align:middle;width:calc(100% - .25rem);width:calc(var(--width-full) - var(--spacing-3xs))}footer{display:flex;flex-direction:column;margin:0 auto;padding:2rem .75rem;padding:var(--spacing-xl) var(--spacing-xs);width:50%;width:var(--width-half)}.footer-container{border-top:1px solid var(--light-grey-color);display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem;gap:var(--spacing-3xl);justify-content:flex-start;padding-top:3rem;padding-top:var(--spacing-3xl)}.footer-container .footer-links li a{color:var(--light-grey-color);font-size:.875rem;font-size:var(--font-sm);font-weight:300;line-height:1rem;line-height:var(--font-base);padding:.5rem 0;padding:var(--spacing-2xs) 0;text-decoration:none;transition:all .15s ease}.footer-container .footer-links li a:hover{color:var(--enfasis-secondary-color);cursor:pointer}ul.footer-links#credits{align-items:center;display:flex;flex-direction:row;justify-content:center;padding-right:.5rem;padding-right:var(--spacing-2xs)}.footer-links#credits li{font-size:.75rem;font-size:var(--font-xs);font-weight:300;letter-spacing:-.575px;line-height:.875rem;line-height:var(--font-sm);padding-right:.25rem;padding-right:var(--spacing-3xs);text-align:end}.footer-links#credits li:first-child:after{content:", ";padding-right:.025rem}.footer-links#credits li:nth-last-child(2):after{content:". ";padding-right:.025rem}.footer-credits-group{display:flex;justify-content:flex-start;width:25rem}.footer-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:809px) and (min-width:0px){header{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-sm);transition:background-color .8s ease;width:100%;width:var(--width-full)}.header-open{background-color:var(--primary-color);mix-blend-mode:normal}.header-close{background-color:initial;mix-blend-mode:difference;mix-blend-mode:var(--mix-blend)}nav{width:auto}nav.navbar ul.navbar-items-container.is-close{display:none;transition:opacity .8s ease}nav.navbar ul.navbar-items-container.is-open{align-items:center;background-color:var(--primary-color);display:flex;flex-direction:column;gap:2.5rem;gap:var(--spacing-2xl);height:100dvh;justify-content:space-between!important;left:0;padding:calc(100dvh/2 - 14.5rem) 1rem;padding:calc(100dvh/2 - 14.5rem) var(--spacing-sm);position:absolute;top:3rem;top:var(--spacing-3xl);transition:transform .8s ease,background-color .8s ease;width:100%;width:var(--width-full);z-index:900}ul.navbar-items-container li.nav-item a{animation:showItem .15s forwards;font-size:2rem;font-size:var(--spacing-xl);font-weight:300;transition:color .15s ease-in-out;width:100%;width:var(--width-full)}@keyframes showItem{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.menu-trigger{align-self:flex-end;color:var(--enfasis-secondary-color);cursor:pointer;display:flex;filter:invert(100%);filter:var(--invert-color)}.menu-trigger:hover{color:var(--yellow-color)}ul.navbar-items-container li.nav-item-mode:last-child{align-self:center;text-align:center}ul.navbar-items-container li.nav-item-mode:last-child img{filter:invert(0);filter:var(--invert-color-anti);height:2rem;height:var(--spacing-xl);width:2rem;width:var(--spacing-xl)}section{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-sm)}.section-wrapper{padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-sm)}.content-box,.section-wrapper,.view-archive,footer,section.contact{width:100%;width:var(--width-full)}section.intro{gap:1.25rem;gap:var(--font-lg);height:auto;justify-content:center;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-sm)}.hero-data{gap:0;justify-content:flex-start;width:100%;width:var(--width-full)}.hero-data#pic{height:100%;max-height:calc(max(min(550px, 67dvh), 225px))!important;order:1;padding-top:0}@-moz-document url-prefix(){.hero-data#pic{max-height:calc(max(min(450px, 62.5dvh), 200px))!important}}.mini-hero-start{padding-bottom:.25rem;padding-bottom:var(--spacing-3xs);padding-top:.25rem;padding-top:var(--spacing-3xs)}.hero-data#update{flex-wrap:wrap;order:1;overflow:hidden;padding:0}.hero-data .hero-profile-img-pic{aspect-ratio:1/1}.hero-data .pic-text-container{bottom:70px;height:-moz-fit-content;height:fit-content;position:relative;width:100%;width:var(--width-full)}.hero-data h2.hero-profile-title-pic{border-radius:0 0 0 .25rem;border-radius:0 0 0 var(--radius-xs);font-size:.875rem;font-size:var(--font-sm);height:100%;line-height:.875rem;line-height:var(--font-sm);margin:0;padding:.5rem;padding:var(--spacing-2xs);text-shadow:0 1px 5px var(--grey-color);width:100%}.hero-data p.hero-profile-text-pic{height:100%;margin:0;padding:.5rem;padding:var(--spacing-2xs);width:-moz-fit-content;width:fit-content}.code-text pre{word-wrap:break-word;white-space:normal;word-break:break-all}.hero-update-modal{font-feature-settings:normal;-webkit-font-variant-ligatures:normal;-moz-font-variant-ligatures:normal;font-variant-ligatures:normal}.intro-mini-footer{order:1}.hero-update-modal{border:1px solid var(--grey-color);width:100%}.hero-data .hero-profile-img{padding:1.75em 1.025em .25em;width:45%;width:calc(var(--width-full) - 55%)}.hero-data img{animation:loadImgMobile .35s ease-in-out forwards!important;animation-iteration-count:1;aspect-ratio:89.4/9;height:auto}@keyframes loadImgMobile{0%{aspect-ratio:89.4/9}to{aspect-ratio:1/1}}.hero-data h2.hero-profile-title{font-size:1.35rem;font-size:calc(var(--font-lg) + .1rem);line-height:2rem;line-height:var(--spacing-xl)}.hero-data p.hero-profile-text{text-wrap:pretty;line-height:1.2875rem;text-align:center}.hero-data a.hero-profile-button,.hero-data p.hero-profile-text,.profile-about-links-list a{font-size:1rem;font-size:var(--font-base)}.profile-skills ul.about-hard-skills li.hard-skill-item{gap:.5rem;gap:var(--spacing-2xs);height:2.5rem;height:calc(var(--spacing-xl) + var(--spacing-2xs));padding:.25rem;padding:var(--radius-xs);width:2.5rem;width:calc(var(--spacing-xl) + var(--spacing-2xs))}section.blogs,section.projects{align-items:flex-start;background:var(--primary-color);display:flex;flex-direction:column;flex-wrap:wrap;gap:1.25rem;gap:var(--font-lg);height:auto;justify-content:flex-start;padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-sm)}.projects-list{grid-gap:1rem;grid-gap:var(--font-base);display:grid;flex:none;gap:1rem;gap:var(--font-base);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(10rem,1fr));grid-template-rows:repeat(1,min-content);width:100%;width:var(--width-full)}a.project-link{flex-basis:100%;width:100%}a.project-link.full,a.project-link.full-wide,a.project-link.half,a.project-link.half-wide,a.project-link.quarter,a.project-link.quarter-wide,a.project-link.square,a.project-link.square-wide,a.project-link.vertical,a.project-link.vertical-wide{aspect-ratio:1/1;flex-basis:100%;width:100%}section.profile{flex-direction:column;height:auto;padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-sm)}.blogs .blogs-info,.profile .profile-about-info,.projects .works-info{padding-bottom:1rem;padding-bottom:var(--spacing-sm);width:100%;width:var(--width-full)}.profile .profile-about-info#accordion{margin-top:0}.blog-description-text,.profile .profile-about-text,.work-description-text{font-size:1.25rem;font-size:var(--font-lg);line-height:1.25rem;line-height:var(--font-lg);padding-left:0;padding-right:.5rem;padding-right:var(--spacing-2xs);width:100%!important;width:var(--width-full)!important}.profile .about-experience .about-expand-container{width:100%;width:var(--width-full)}.profile-about-links-list{margin-top:1.875rem}.profile .about-experience{align-self:flex-start;display:flex;flex-direction:column;gap:1.875rem;height:auto;justify-content:flex-start;width:100%;width:var(--width-full)}.profile-skills{margin-top:-1em}.experience h3.about-subtitle{font-size:1.2875rem}.profile-skills ul.about-clients li,.profile-skills ul.about-soft-skills li{font-size:.875rem;font-size:var(--font-sm);line-height:.875rem;line-height:var(--font-sm);padding:.5rem 0;padding:var(--spacing-2xs) 0}.profile-skills ul.about-hard-skills{flex-direction:row;gap:.5rem;gap:var(--spacing-2xs);width:100%;width:var(--width-full)}footer{overflow-x:hidden;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-sm)}section.contact-section-wrapper{padding:0 .75rem;padding:0 var(--spacing-xs)}.contact.content-box{align-items:center;border-radius:.25rem;border-radius:var(--radius-xs);flex-direction:column;gap:2rem;gap:var(--spacing-xl);height:auto;margin:2rem auto;margin:var(--spacing-xl) auto;padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-sm);text-align:center;width:100%;width:var(--width-full)}.contact-title{text-wrap:balance;font-size:2rem!important;font-size:var(--spacing-xl)!important;line-height:2.5rem;line-height:var(--spacing-2xl)}.contact .contact-button{font-size:clamp(1.875rem,4vw,2.275rem);max-width:95dvw;padding:0;text-indent:0}}@media (max-width:480px){.contact .contact-button{font-size:clamp(1.5rem,7vw,2.5rem);max-width:95vw}}
/*# sourceMappingURL=main.5fcbf00e.css.map*/