*{box-sizing:border-box;font-family:DM Sans,sans-serif;list-style:none;margin:0;padding:0}:root{--0-25r:0.25rem;--0-5r:0.5rem;--0-57r:0.575rem;--0-75r:0.75rem;--0-87r:0.8rem;--0-97r:0.9rem;--0-987r:0.95rem;--1r:1rem;--1-027r:1.025rem;--1-07r:1.075rem;--1-17r:1.175rem;--1-27r:1.275rem;--1-48r:1.4875rem;--1-5r:1.5rem;--1-57r:1.575rem;--1-75r:1.75rem;--1-9r:1.975rem;--2r:2rem;--2-57r:2.575rem;--2-7r:2.75rem;--2-9r:2.975rem;--100:100%;--50:50%}.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(--100);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:.8rem;font-size:var(--0-87r);font-weight:300;height:100%;height:var(--100);line-height:1.5rem;line-height:var(--1-5r);margin:0;min-height:100%;min-height:var(--100);padding:0;text-rendering:geometricPrecision;transition:all 1s ease}blockquote,body,h1,h2,h3,h4,h5,h6,li,p,span{font-family:DM Sans,sans-serif}main{min-height:100%;min-height:var(--100);min-width:100%;min-width:var(--100)}header{align-items:center;display:flex;flex-direction:row;height:1.975rem;height:var(--1-9r);justify-content:space-between;left:0;mix-blend-mode:var(--mix-blend);padding:1.975rem 1.975rem 0;padding:var(--1-9r) var(--1-9r) 0 var(--1-9r);position:sticky;top:0;z-index:99999}header h1.logo a{font-size:1.575rem;font-size:var(--1-57r);font-weight:500;letter-spacing:-1px;line-height:1.575rem;line-height:var(--1-57r);opacity:.9;text-decoration:none;text-transform:uppercase;transition:all .15s ease-in-out}header h1.logo a,header h1.logo a:hover,header h1.logo:active,header h1.logo:visited{color:var(--primary-color);filter:var(--invert-color-anti);mix-blend-mode:var(--mix-blend)}header h1.logo a:hover,header h1.logo:active,header h1.logo:visited{letter-spacing:-.9px;opacity:1;-webkit-user-select:none;user-select:none}nav{mix-blend-mode:var(--mix-blend);padding:0;transition:all 1s ease;width:50%;width:var(--50)}nav.navbar ul.navbar-items-container{align-items:center;display:flex;flex-direction:row;gap:2.975rem;gap:var(--2-9r);justify-content:flex-start}.menu-trigger,ul.navbar-items-container li.nav-item a{display:inline-block;font-size:.8rem;font-size:var(--0-87r);font-weight:300;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:var(--invert-color-anti);mix-blend-mode:var(--mix-blend)}ul.navbar-items-container li.nav-item:after{background:var(--yellow-opt);content:"";display:block;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:50%;padding:.25rem;padding:var(--0-25r)}ul.navbar-items-container li.nav-item-mode:last-child img{cursor:pointer;filter:invert(100%);height:1.025rem;height:var(--1-027r);opacity:.8;transition:all .15s ease;vertical-align:middle;width:1.025rem;width:var(--1-027r)}ul.navbar-items-container li.nav-item-mode:last-child img:hover{opacity:1;scale:1.1}.menu-trigger{display:none}section{min-height:100%;min-height:var(--100);padding:1.975rem;padding:var(--1-9r);width:100%;width:var(--100)}section.intro{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;height:80dvh;justify-content:space-between}.hero-data{align-items:flex-start;display:flex;flex-direction:column;gap:.575rem;gap:var(--0-57r);height:98%;justify-content:center;padding-bottom:1.575rem;padding-bottom:var(--1-57r);width:50%;width:var(--50)}.hero-data#update{padding-left:.5rem;padding-left:var(--0-5r)}.hero-update-modal{font-feature-settings:"calt";background-color:var(--gray-color);border-radius:.25rem;border-radius:var(--0-25r);box-shadow:5px 5px 8px var(--code-modal-shadow);font-size:.95rem;font-size:var(--0-987r);-webkit-font-variant-ligatures:contextual;-moz-font-variant-ligatures:contextual;font-variant-ligatures:contextual;height:auto;line-height:1.4875rem;line-height:var(--1-48r);padding:1.075rem .5rem;padding:var(--1-07r) var(--0-5r);width:calc(95% - 2.975rem);width:calc(95% - var(--2-9r))}.code-nav{margin-bottom:.8rem;margin-bottom:var(--0-87r);width:100%}ul.code-nav-buttons{display:flex;flex-direction:row;gap:.5rem;gap:var(--0-5r);height:.95rem;height:var(--0-987r)}.code-nav-button{border-radius:50%;border-radius:var(--50);height:.8rem;height:var(--0-87r);width:.8rem;width:var(--0-87r)}.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(--0-5r)}.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{animation:gradientProfile 8s ease infinite alternate;aspect-ratio:1/1;border:0;border-radius:50%;height:auto;object-fit:contain;object-position:center;padding:1.5em 1.025em .75em;text-align:center;width:22.7%}.hero-data .hero-profile-img-pic{animation:loadImg .25s ease-in-out forwards;animation-iteration-count:1;aspect-ratio:89.4/9;border:none;border-radius:.25rem;border-radius:var(--0-25r);height:auto;object-fit:cover;object-position:center;padding:0;width:100%;width:var(--100)}@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(--1-5r)*3);justify-content:space-between;padding-bottom:.25rem;padding-bottom:var(--0-25r);padding-top:.25rem;padding-top:var(--0-25r);position:absolute;width:calc(50% - 2rem);width:calc(50% - var(--2r));width:calc(-webkit-fill-available)}.hero-data h2.hero-profile-title-pic{text-wrap:balance;flex-shrink:1;font-size:1rem;font-size:var(--1r);font-weight:400;letter-spacing:.275px;line-height:1.575rem;line-height:var(--1-57r);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(--0-25r);-webkit-user-select:none;user-select:none}.hero-data p.hero-profile-text-pic{font-size:.75rem;font-size:var(--0-75r);line-height:.8rem;line-height:var(--0-87r);margin-right:-1px;text-align:right;text-shadow:0 1px 5px var(--grey-color)}.mini-hero-start,.view-archive{display:flex;height:min-content;width:100%;width:var(--100)}.mini-hero-start{justify-content:center}.view-archive{justify-content:flex-start}.mini-hero-start{animation:float 1s linear infinite;opacity:.7;order:3;transition:all .15s ease-in-out}.mini-hero-start img{border:1px solid var(--light-grey-color);border-radius:50%;border-radius:var(--50);filter:var(--invert-color);padding:.25rem;padding:var(--0-25r);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:.8rem;font-size:var(--0-87r);font-weight:400;letter-spacing:.275px;line-height:1.275rem;line-height:var(--1-27r);margin-top:.25rem;margin-top:var(--0-25r)}.hero-data p.hero-profile-text{text-wrap:pretty;font-size:.8rem;font-size:var(--0-87r);-webkit-hyphens:auto;hyphens:auto;letter-spacing:.75px;line-height:.9rem;line-height:var(--0-97r);overflow-wrap:break-word;padding-bottom:.5rem;padding-bottom:var(--0-5r);width:60%;width:calc(var(--50) + 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:.8rem;font-size:var(--0-87r);font-weight:300;line-height:.9rem;line-height:var(--0-97r);opacity:.8;padding:.5rem .75rem;padding:var(--0-5r) var(--0-75r);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(--1r);object-fit:scale-down;padding-left:.25rem;padding-left:var(--0-25r);vertical-align:top;width:1rem;width:var(--1r)}.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:.9rem;font-size:var(--0-97r);line-height:2.975rem;line-height:var(--2-9r);margin-top:-.5em;text-align:start;width:100%}.profile-about-links-list li button:after{content:"→";float:right;padding:0 .25rem;padding:0 var(--0-25r);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(--100)}.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(--0-75r);letter-spacing:-.575px;line-height:.9rem;line-height:var(--0-97r);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.275rem;gap:var(--1-27r);height:auto;justify-content:center;overflow-x:auto;overflow-y:auto;padding-top:2.75rem;padding-top:var(--2-7r)}section.projects{align-items:flex-start}section.blogs{align-items:center}#projects{border-radius:.575rem .575rem 0 0;border-radius:var(--0-57r) var(--0-57r) 0 0}#blogs{border-radius:.575rem;border-radius:var(--0-57r)}#works{border-radius:0 0 .575rem .575rem;border-radius:0 0 var(--0-57r) var(--0-57r)}section h2.section-title,section h2.section-title-invert{font-size:1.275rem;font-size:var(--1-27r);font-weight:400;letter-spacing:-.25px;line-height:1.275rem;line-height:var(--1-27r);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:.575rem;grid-gap:var(--0-57r);box-sizing:border-box;display:flex;display:grid;flex-direction:row;flex-wrap:wrap;gap:.575rem;gap:var(--0-57r);grid-template-columns:repeat(4,1fr);height:100%;height:var(--100);justify-content:space-between;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%;width:var(--100)}.projects-list::-webkit-scrollbar{height:.575rem;height:var(--0-57r)}.projects-list::-webkit-scrollbar-thumb,.projects-list::-webkit-scrollbar-track{border-radius:1.4875rem;border-radius:var(--1-48r)}.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(--0-25r);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(--100);justify-content:flex-start;padding:0;position:relative;text-decoration:none;transition:all .15s ease-in-out;width:100%}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 4}a.project-link.half-plus{grid-column:span 3}a.project-link.half{grid-column:span 2}@media (max-width:1024px){.projects-list{grid-template-columns:repeat(2,1fr)}a.project-link.half{grid-column:span 2}}@media (max-width:768px){.projects-list{grid-template-columns:1fr}a.project-link.full,a.project-link.half{grid-column:span 1}}a.project-link:hover{border-radius:.25rem;border-radius:var(--0-25r);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:.25rem solid #ffff05eb;border:var(--0-25r) solid #ffff05eb;border-radius:.25rem;border-radius:var(--0-25r);opacity:1;scale:1;z-index:1}.project-image{display:contents}.project-image,.project-image img{border-radius:inherit;height:100%;height:var(--100);pointer-events:none;width:100%;width:var(--100)}.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(--100);justify-content:space-between;left:0;opacity:0;overflow:hidden;padding:.575rem .5rem;padding:var(--0-57r) var(--0-5r);position:absolute;top:0;transition:all .15s ease;width:100%;width:var(--100)}.project-info h3.project-title{background-color:var(--secondary-color);border-radius:2rem;border-radius:var(--2r);color:var(--primary-color);font-size:.8rem;font-size:var(--0-87r);font-weight:400;letter-spacing:.375px;line-height:1rem;line-height:var(--1r);padding:.5rem .75rem;padding:var(--0-5r) var(--0-75r)}.project-info span.project-subtitle{font-size:.75rem;font-size:var(--0-75r);font-style:italic;margin-right:.25rem;margin-right:var(--0-25r);padding:.25rem .5rem;padding:var(--0-25r) var(--0-5r);text-transform:lowercase}.project-info span.project-blog-link,.project-info span.project-subtitle{color:var(--primary-color);font-weight:300;line-height:.9rem;line-height:var(--0-97r)}.project-info span.project-blog-link{align-self:flex-end;display:flex;font-size:.8rem;font-size:var(--0-87r);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(--0-5r);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(--0-5r)}.behance-project,.blog-writing,.figma-project,.github-project{height:2.15em;width:2.15em}.blog-writing{padding-top:.75rem;padding-top:var(--0-75r)}.project-info-sub{display:flex;filter:none;flex-direction:column;gap:.25rem;gap:var(--0-25r);height:100%;height:var(--100);justify-content:flex-end;width:100%;width:var(--100)}.project-info-sub h4.project-category{background-color:var(--primary-color);border-radius:2rem;border-radius:var(--2r);color:var(--secondary-color);font-size:.8rem;font-size:var(--0-87r);font-weight:300;letter-spacing:.075px;line-height:.9rem;line-height:var(--0-97r);padding:.5rem .75rem;padding:var(--0-5r) var(--0-75r);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(--100)}.project-info-sub ul.project-tags li{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:1rem;border-radius:var(--1r);color:var(--secondary-color);font-size:.8rem;font-size:var(--0-87r);font-weight:300;line-height:.9rem;line-height:var(--0-97r);padding:.25rem .5rem;padding:var(--0-25r) var(--0-5r)}.view-archive-button{color:var(--secondary-color);font-size:1rem;font-size:var(--1r);font-weight:400;letter-spacing:-.25px;line-height:1rem;line-height:var(--1r);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.contact{gap:2.575rem;gap:var(--2-57r)}section.profile{align-items:center;flex-wrap:wrap;gap:0;height:auto}section.contact,section.profile{display:flex;flex-direction:column;justify-content:center}section.contact{align-items:flex-start;height:45dvh;max-width:100%;max-width:var(--100);overflow:hidden;width:100%;width:var(--100)}.blogs .blogs-info,.profile .profile-about-info,.projects .works-info{display:flex;flex-direction:column;gap:2.575rem;gap:var(--2-57r);height:100%;height:var(--100);width:50%;width:var(--50)}.profile .profile-about-info{gap:2rem;gap:var(--2r);justify-content:center;text-align:center}.projects .works-info{padding-bottom:2.575rem;padding-bottom:var(--2-57r);width:calc(67.13332% - .575rem);width:calc(67.13332% - var(--0-57r))}.profile .profile-about-info#accordion{margin-top:2rem;margin-top:var(--2r)}.blog-articles-container h3.section-subtitle-title,h3.profile-skills-title{color:var(--secondary-color);font-size:.8rem;font-size:var(--0-87r);font-weight:400;letter-spacing:2px;line-height:.9rem;line-height:var(--0-97r);text-transform:uppercase;width:100%;width:var(--100)}.blog-articles-container h3.section-subtitle-title{margin-bottom:1.4875rem;margin-bottom:var(--1-48r)}h3.profile-skills-title{margin-bottom:.8rem;margin-bottom:var(--0-87r)}.blog-description-text,.profile .profile-about-text,.work-description-text{word-wrap:break-word;color:var(--secondary-color);font-size:.95rem;font-size:var(--0-987r);letter-spacing:-.25px;line-height:1.4875rem;line-height:var(--1-48r)}.blog-description-text,.work-description-text{width:60ch}.contact .contact-text{word-wrap:break-word;color:var(--secondary-color);font-size:1.275rem;font-size:var(--1-27r);letter-spacing:-.25px;line-height:1.975rem;line-height:var(--1-9r);width:100%;width:var(--100)}.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(--1-5r)}.contact .contact-text{text-wrap:balance;opacity:.9;padding-right:2.975rem;padding-right:var(--2-9r);text-indent:2.575rem;text-indent:var(--2-57r)}.blog-description-text{text-wrap:balance;opacity:.9;padding-right:.75rem;padding-right:var(--0-75r);width:100%;width:var(--100)}.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(--100);width:100%;width:var(--100)}.contact .contact-button{color:var(--secondary-color);display:inline-block;font-size:clamp(4.5rem,4vw,5.5rem);font-weight:400;max-width:75vw;opacity:.9;text-decoration:none;text-indent:2.575rem;text-indent:var(--2-57r);text-overflow:ellipsis;text-transform:uppercase;transition:all .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:.575rem;gap:var(--0-57r)}.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:.8rem;font-size:var(--0-87r);line-height:.9rem;line-height:var(--0-97r);padding:.25rem 0;padding:var(--0-25r) 0}.profile-skills ul.about-soft-skills li:after{content:",";margin-right:.25rem;margin-right:var(--0-25r)}.experience ul.about-clients li a{color:var(--secondary-color);display:inline-block;font-size:.8rem;font-size:var(--0-87r);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(--0-25r);vertical-align:middle}.experience{align-items:flex-start;display:block;max-height:0;opacity:0;overflow:hidden;padding:.5rem .75rem;padding:var(--0-5r) var(--0-75r);text-align:left;width:100%;width:var(--100)}ul.blog-links li.blog-link-item{border-top:1px solid #8f8f8f1a;cursor:pointer;display:list-item;opacity:.8;padding:1.075rem 0;padding:var(--1-07r) 0;position:relative;transition:all .15s ease;width:100%;width:var(--100)}ul.blog-links li.blog-link-item:after{content:"→";float:right;padding:0 .25rem;padding:0 var(--0-25r);transition:all .15s ease}ul.blog-links li.blog-link-item:last-child{border-bottom:1px solid var(--primary-color);padding-bottom:1.575rem;padding-bottom:var(--1-57r)}ul.blog-links li.blog-link-item a.blog-link{color:var(--secondary-color);font-size:.9rem;font-size:var(--0-97r);height:100%;height:var(--100);left:0;line-height:100%;line-height:var(--100);padding-top:1.575rem;padding-top:var(--1-57r);position:absolute;text-decoration:none;top:0;transition:all .15s ease;width:100%;width:var(--100)}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(--0-5r);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:.8rem;font-size:var(--0-87r);font-weight:300;letter-spacing:-.275px;line-height:1.575rem;line-height:var(--1-57r)}.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:2.975rem;padding-right:var(--2-9r)}.profile .about-experience{align-self:flex-end;display:flex;flex-direction:column;gap:1.25rem;height:45%;height:calc(var(--50) - 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(--100)}.profile .about-experience .about-expand-container p{text-wrap:balance;color:var(--secondary-color);font-size:.9rem;font-size:var(--0-97r);line-height:1.4875rem;line-height:var(--1-48r)}.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(--0-5r);height:2.575rem;height:var(--2-57r);justify-content:flex-start;padding:.25rem;padding:var(--0-25r);text-align:center;width:2.575rem;width:var(--2-57r)}.profile-skills ul.about-hard-skills li.hard-skill-item img{height:auto;vertical-align:middle;width:calc(100% - .25rem);width:calc(var(--100) - var(--0-25r))}footer{display:flex;flex-direction:column;padding:1.975rem;padding:var(--1-9r);width:100%;width:var(--100)}.footer-container{border-top:1px solid var(--light-grey-color);display:flex;flex-direction:row;flex-wrap:wrap;gap:2.975rem;gap:var(--2-9r);justify-content:flex-start;padding-top:2.975rem;padding-top:var(--2-9r)}.footer-container .footer-links li a{color:var(--light-grey-color);font-size:.9rem;font-size:var(--0-97r);font-weight:300;line-height:1rem;line-height:var(--1r);padding:.5rem 0;padding:var(--0-5r) 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(--0-5r)}.footer-links#credits li{font-size:.75rem;font-size:var(--0-75r);font-weight:300;letter-spacing:-.575px;line-height:.9rem;line-height:var(--0-97r);padding-right:.25rem;padding-right:var(--0-25r);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}@media (max-width:809px) and (min-width:0px){header{padding:1.4875rem .95rem;padding:var(--1-48r) var(--0-987r);transition:all 1s ease}.header-open{background-color:var(--primary-color);mix-blend-mode:normal}.header-close{background-color:initial;mix-blend-mode:var(--mix-blend)}nav{width:auto}nav.navbar ul.navbar-items-container.is-close{display:none;transition:all 1s ease}nav.navbar ul.navbar-items-container.is-open{align-items:center;background-color:var(--primary-color);display:flex;flex-direction:column;gap:2.575rem;gap:var(--2-57r);height:100dvh;justify-content:space-between!important;left:0;padding:calc(100dvh/2 - 14.5rem) .95rem;padding:calc(100dvh/2 - 14.5rem) var(--0-987r);position:absolute;top:2.975rem;top:var(--2-9r);transition:all 1s ease;width:100%;width:var(--100);z-index:900}ul.navbar-items-container li.nav-item a{animation:showItem .15s forwards;font-size:1.75rem;font-size:var(--1-75r);font-weight:300;transition:all .15s ease-in-out;width:100%;width:var(--100)}@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: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:var(--invert-color-anti);height:2rem;height:var(--2r);width:2rem;width:var(--2r)}section,section.intro{padding:1.4875rem .95rem;padding:var(--1-48r) var(--0-987r)}section.intro{gap:1.075rem;gap:var(--1-07r);height:auto;justify-content:center}.hero-data{gap:0;justify-content:flex-start;width:100%;width:var(--100)}.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{order:2;padding-bottom:.25rem;padding-bottom:var(--0-25r)}.hero-data#update{flex-wrap:wrap;order:3;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(--100)}.hero-data h2.hero-profile-title-pic{border-radius:0 0 0 .25rem;border-radius:0 0 0 var(--0-25r);font-size:.8rem;font-size:var(--0-87r);height:100%;line-height:.9rem;line-height:var(--0-97r);margin:0;padding:.5rem;padding:var(--0-5r);text-shadow:0 1px 5px var(--grey-color);width:100%}.hero-data p.hero-profile-text-pic{height:100%;margin:0;padding:.575rem;padding:var(--0-57r);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(--100) - 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.375rem;font-size:calc(var(--1-27r) + .1rem);line-height:1.75rem;line-height:var(--1-75r)}.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(--1r)}.profile-skills ul.about-hard-skills li.hard-skill-item{gap:.5rem;gap:var(--0-5r);height:2.5rem;height:calc(var(--2r) + var(--0-5r));padding:.25rem;padding:var(--0-25r);width:2.5rem;width:calc(var(--2r) + var(--0-5r))}section.blogs,section.projects{align-items:flex-start;background:var(--primary-color);display:flex;flex-direction:column;flex-wrap:wrap;gap:1.275rem;gap:var(--1-27r);height:auto;justify-content:flex-start;padding:1.75rem .95rem;padding:var(--1-75r) var(--0-987r)}.projects-list{grid-gap:1rem;grid-gap:var(--1r);display:grid;flex:none;gap:1rem;gap:var(--1r);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(10rem,1fr));grid-template-rows:repeat(1,min-content)}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.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:1.75rem .95rem;padding:var(--1-75r) var(--0-987r)}.blogs .blogs-info,.profile .profile-about-info,.projects .works-info{padding-bottom:.95rem;padding-bottom:var(--0-987r);width:100%;width:var(--100)}.profile .profile-about-info#accordion{margin-top:0}.blog-description-text,.profile .profile-about-text,.work-description-text{font-size:1.025rem;font-size:var(--1-027r);line-height:1.275rem;line-height:var(--1-27r);padding-left:0;padding-right:.575rem;padding-right:var(--0-57r);width:100%!important;width:var(--100)!important}.profile .about-experience .about-expand-container{width:100%;width:var(--100)}.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(--100)}.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:.8rem;font-size:var(--0-87r);line-height:.9rem;line-height:var(--0-97r);padding:.5rem 0;padding:var(--0-5r) 0}.profile-skills ul.about-hard-skills{flex-direction:row;gap:.575rem;gap:var(--0-57r);width:100%;width:var(--100)}footer{overflow-x:hidden;padding:1.4875rem .95rem;padding:var(--1-48r) var(--0-987r)}section.contact{height:auto}.contact .contact-text{font-size:1.0875rem;line-height:1.4875rem;text-indent:0;width:100%;width:var(--100)}.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.e0e45048.css.map*/