*{box-sizing:border-box;padding:0;margin:0}html{font-size:clamp(16px,1vw,24px);scroll-behavior:smooth}:root{font-family:Merriweather,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-background: #121212;--color-background-medium: #1d1d1d;--color-background-light: #222222;--color-primary-text: #e0e0e0;--color-secondary-text: #b0b0b0;--color-border: #444444;--color-accent-light: #d7d7d7;--color-accent-medium: #c0c0c0;--color-accent: #888888;--color-accent-strong: #555555;color-scheme:light dark;background-color:var(--color-background-light);color:var(--color-primary-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-size:1rem}h1{font-size:5rem;line-height:1.1}h2{font-size:3.5rem}h3{font-size:2rem}input,textarea{color:var(--color-primary-text);border:.2rem solid var(--color-accent-strong);outline:none;font-family:Merriweather,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:.5rem;border-radius:1rem}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{border:.2rem solid var(--color-accent-medium)}li{list-style:none}a{font-weight:500;color:var(--color-primary-text);text-decoration:inherit;-webkit-tap-highlight-color:transparent!important}a:hover{color:var(--color-accent);cursor:pointer}button{border-radius:1rem;border:.2rem solid transparent;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--color-background);color:var(--color-primary-text);cursor:pointer;transition:.3s}button:active{-webkit-tap-highlight-color:transparent!important}button:disabled{background-color:var(--color-background-medium);cursor:default}img{max-inline-size:100%;display:block}section{padding:5rem 2rem}section:nth-of-type(2n){background-color:var(--color-background-medium);outline:.1rem var(--color-border) solid}@media screen and not (max-width:480px){section{padding:5rem}}@media screen and not (max-width:720px){button:hover{background-color:var(--color-background-medium);border-color:var(--color-border)}}#root{text-align:center;block-size:100%;display:flex;flex-direction:column}.two-column-layout{display:grid;place-items:center;gap:5rem}.reverse{direction:rtl}.three-column-layout{display:grid;place-items:center}.wrapper{margin-inline:auto;max-inline-size:1280px;inline-size:100%}.card{box-shadow:0 0 .3rem var(--color-primary-text);background:var(--color-accent-strong);border-radius:2rem;border:.2rem solid var(--color-border)}.card-simple{background:var(--color-background-light);min-width:10rem;padding:1rem;margin-block:.5rem;border-radius:2rem;border:.2rem solid var(--color-border);transition:.3s}.card-simple:hover{transform:scale(1.2)}.button-card{background:var(--color-accent-strong);border-radius:2rem;border:.2rem solid var(--color-border);display:block}.img-border{border:.5rem;border-radius:2rem}.icon{width:32px}.social-media:hover{opacity:.5}#landing,#about,#contact,#resume{scroll-margin-top:20.5rem}@media screen and not (max-width:720px){#root{text-align:left}#landing,#about,#contact,#resume{scroll-margin-top:6.1rem}.two-column-layout{grid-template-columns:1fr 1fr}.three-column-layout{grid-template-columns:1fr 1fr 1fr}.card{padding:2rem}}.main-header{background-color:var(--color-background);position:sticky;z-index:10;top:0;display:flex;justify-content:center;outline:.1rem var(--color-border) solid}.nav-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:1rem;position:inherit}.nav-wrapper>a>img{margin-inline-start:1rem}.primary-navigation{width:100%;position:relative;top:1rem}.nav-menu{overflow:hidden;max-height:0;opacity:0;width:100%;transition:max-height .8s ease,opacity .8s ease;background:linear-gradient(var(--color-background))}.nav-menu.active{opacity:1;max-height:15rem}.nav-menu>li{padding-block:1rem;display:flex;align-items:center;justify-content:center}.nav-menu.active>li{border-top:.1rem solid var(--color-border)}.logo{padding:0 1rem;height:4rem}.socials{display:flex;align-items:center;gap:1rem}.bar{--my-bar-size: 2rem;display:block;inline-size:var(--my-bar-size);height:.3rem;margin:.7rem auto;border-radius:20px;transition:all .3s ease-in-out;background-color:var(--color-primary-text)}.hamburger{padding:0rem 1rem;display:block;cursor:pointer}.hamburger.active .bar:nth-child(1){transform:translateY(calc(var(--my-bar-size) / 2)) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(calc(var(--my-bar-size) / (-2))) rotate(-45deg)}@media screen and not (max-width:720px){.hamburger{display:none}.nav-wrapper{flex-wrap:nowrap}.nav-menu{position:static;top:auto;flex-direction:row;display:flex;background:none;width:auto;padding-inline:1rem;max-height:none;opacity:1;gap:1rem}.nav-menu.active{outline:none}.nav-menu.active>li{outline:none;border-top:none}.nav-menu>li:nth-of-type(1){margin-left:10rem}.nav-menu>li:nth-of-type(5){margin-left:2rem}.primary-navigation{position:static;width:auto}}@media screen and not (max-width:1280px){.nav-wrapper>a>img{margin-left:0}}footer{background-color:var(--color-background);border-top:1px var(--color-border) solid;padding:1rem;color:var(--color-secondary-text)}footer a{color:var(--color-primary-text)}footer>p{font-size:.8rem;padding-top:1rem;text-align:center}@media screen and not (max-width:720px){footer{padding:2rem;display:flex;gap:1rem;justify-content:space-around;align-items:center}footer>p{padding-top:0}}.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.profile-section span{display:flex;align-items:center}.profile-section>h2{text-align:center}.transition-image{opacity:0;transition:opacity 2s linear}.start-transition{opacity:1}.two-column-header li{padding-block:.5rem;list-style:inside;direction:ltr}.two-column-header>h2{text-align:center;padding-bottom:3rem}.field{display:flex;flex-direction:column;margin:2rem 0rem}.field textarea{block-size:10rem;padding:.5rem}.social{display:flex;align-items:center;gap:1rem;margin-block:1rem}.center-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.contact-columns>div{padding-inline:2rem}@media screen and not (max-width:720px){.contact-columns{display:grid;grid-template-columns:1fr 1fr;place-items:center}}.profile-section>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-section h1{text-align:center}.profile-section span img{display:inline}#resume h2{text-align:center;padding-bottom:2rem}.div-buttons{display:flex;justify-content:center;gap:2rem}.div-buttons button{flex:1;padding:1rem;max-inline-size:20rem}.div-buttons a{display:flex;flex:1;max-inline-size:20rem;text-decoration:none}.div-buttons a:hover{color:var(--color-primary-text);background-color:var(--color-background-medium)}.div-buttons>a>span{margin:auto}.mode-buttons-section{padding-block:0}.div-header{display:flex;align-items:center;letter-spacing:clamp(0rem,.3vw,.3rem);margin-top:3rem;margin-bottom:1.5rem}.div-header:after{content:"";flex:1;margin-left:.5rem;block-size:.1rem;background:linear-gradient(to right,var(--color-border),var(--color-background-light))}.technologies{display:flex;flex-wrap:wrap;gap:10px}.technologies .tech-items{border:2px solid var(--color-background-light);border-radius:10px;padding:2px 6px}.card-expand{background:linear-gradient(to top,var(--color-background-light) 30%,var(--color-border));border-top:.2rem solid var(--color-border);border-left:.2rem solid var(--color-border);border-right:.2rem solid var(--color-border);border-radius:2rem;margin-block:2rem;text-align:center}.card-expand>h3{padding:1rem}.expandable{display:grid;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .8s ease,opacity .8s ease}.expandable>div{overflow:hidden;grid-row:1 / span 2;display:flex;flex-wrap:wrap;justify-content:space-around;border-top:.2rem var(--color-accent-strong) solid;padding-inline:2rem;padding-block:0}.expandable.active{grid-template-rows:1fr;opacity:1}.expand-button{width:100%;background-color:var(--color-background-light);border-top:.2rem var(--color-accent-strong) solid;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem}.expand-button>img{display:inline;width:100%;max-height:2rem;background-repeat:no-repeat;background-position:center;background-size:cover;transition:transform 1s ease}.expand-button>img.open{transform:rotate(-180deg)}.icon-column>img{max-inline-size:none}.icon-column{display:flex;flex-direction:column;align-items:center;margin-block-start:.3rem}.icon-column:after{content:"";flex:1;margin-top:.4rem;inline-size:.18rem;background:linear-gradient(var(--color-accent-light),#1212127c,#12121200)}.icon-column path{fill:#00f}.card-entry{display:flex;text-align:start}.card-entry>div{padding:1rem}@media screen and (min-width:380px){.card-entry{padding:1rem}}