.main-content{padding-top:1rem;max-width:100%!important}.menu ul li{padding:1em}.menu ul li .category-name{padding:.5em}.main-grid .category-menu-list{list-style:none;list-style-type:none}.main-grid a{text-decoration:none;color:inherit;margin-left:.2em}.menu ul li a:hover{border-bottom:2px solid var(--color-complementary);cursor:pointer}.menu{position:fixed;width:100%;z-index:2}.menu .category-menu-list{padding:0;display:flex;width:100%;background-color:var(--color-mainbackground-darker);box-shadow:0 -5px 20px #000000bf;justify-content:space-between}@media only screen and (max-width: 500px){.menu ul li{padding-inline:0}.menu .category-name{display:none}.menu-socials{display:flex;justify-content:space-between}}@media only screen and (min-width: 501px) and (max-width: 660px){.menu ul li{padding-inline:0}.menu-category-icon{display:none}.menu-socials{display:flex;justify-content:space-between}}@media screen and (min-width: 768px){.main-grid{display:grid;gap:2rem;grid-template-columns:20% 1fr;grid-auto-flow:dense;align-items:center;min-height:100vh}.main-grid .menu{align-self:stretch;display:flex;justify-content:end;height:100vh;position:sticky;top:0}.menu ul li{padding:0}.menu .menu-socials{display:flex;justify-content:flex-start;font-size:var(--fs-500)}.menu .menu-socials a{color:var(--color-complementary)}.menu .menu-socials a:hover{border:none;color:var(--color-neutral-dark)}.menu .category-menu-list{height:100%;display:grid;align-content:center;gap:3rem;box-shadow:none;padding-left:1em}.main-content{padding-top:0}}@media screen and (min-width: 1080px){.main-grid{grid-template-columns:15rem 1fr}}.main-content-item{min-height:100vh;padding:1rem}.category-content{height:100%}.job-experiences{display:grid;gap:2rem}.job{background-color:var(--color-mainbackground-darker);padding:1rem;border-radius:.3em;box-shadow:var(--base-shadow)}.job .job-time{color:var(--clrw-grey);font-size:var(--fs-300);font-weight:var(--fw-bold);letter-spacing:.2em}.job-time .current{color:var(--color-complementary)}.job .job-info{display:grid;gap:1em}.job .job-role-and-company{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.job .job-skills{list-style:none;display:flex;flex-wrap:wrap;gap:.5em;padding:0;font-size:var(--fs-200)}.job .job-skills .job-skill{background-color:var(--color-complementary);color:var(--color-neutral-light);padding:.2em .5em;border-radius:10px}@media screen and (min-width: 1200px){.job-experiences{padding-right:2rem}}.about-container{--grid-gap: 2rem;--img-size: 400px;padding-top:2em;color:var(--color-neutral-dark);display:grid}.background-filler{height:100%;width:100%;background-color:var(--color-complementary);grid-row:1 / 6;grid-column:2 / 3}.intro-image-container{border-radius:50%;height:calc(var(--img-size) - 50px);width:calc(var(--img-size) - 50px);overflow:hidden;margin-inline:auto}.intro-image-container img{height:var(--img-size)}.intro-text-container{margin-block:auto;margin-top:var(--grid-gap)}.intro-text-container p{font-size:var(--fs-400)}.intro-text-container>*+*{margin-top:2em}.skills-overview{margin-top:var(--grid-gap);display:grid;gap:var(--grid-gap)}.skill{border-radius:.5rem;padding:1em;box-shadow:var(--base-shadow)}.skill .inline-skill{color:var(--clrw-complement);font-weight:600}.skill .inline-skill-light{color:var(#fcfcfc);font-weight:600}.skill-heading .number{margin-right:.5em}.skill-dev{background-color:var(--color-mainbackground)}.skill-tech{background-color:#fff;color:var(--color-neutral-dark)}.skill-soft{background-color:var(--color-complementary);color:var(--color-neutral-light)}.experience-button{font-size:var(--fs-500)}@media screen and (min-width: 992px){.about-container{--img-size: 400px;--intro-gap: 2em;padding-top:2em;grid-template-columns:25px 300px auto 0px;grid-template-rows:var(--grid-gap) 1fr var(--grid-gap) auto 5em}.intro-container{grid-column:1 / 4;grid-row:2 / 2;display:grid;gap:var(--intro-gap);grid-auto-flow:column}.intro-text-container{margin-top:0}.skills-overview{margin-top:0;grid-column:1 / 4;grid-row:4 / 4}}@media screen and (min-width: 1200px){.about-container{--img-size: 500px;grid-template-columns:50px 350px auto var(--grid-gap);grid-template-rows:var(--grid-gap) 1fr var(--grid-gap) auto 5em}}@media screen and (min-width: 1400px){.skills-overview{display:grid;grid-auto-flow:column}}.skills-container{--skill-padding: 1px;--skill-border: 10px;--skill-background: var(--color-mainbackground-darker);--skill-color: var(--color-complementary);--skill-color-languages: var(--color-complementary);--skill-color-frameworks: #9183a3;--skill-color-devops: #a38383;--skill-color-soft: #a3a38b;display:grid;gap:1em}.skill-container{padding:1rem;box-shadow:var(--base-shadow);border-radius:.3em}.skill-meter{color:var(--color-neutral-light);font-size:var(--fs-300);width:100%;display:flex;border-radius:var(--skill-border);background-color:var(--skill-background);overflow:hidden}.skill-meter+.skill-meter{margin-top:10px}.skill-label{background-color:var(--skill-color);text-align:center;border-radius:var(--skill-border) 0 0 var(--skill-border);width:35%}.skill-progress{opacity:.6;display:flex;width:65%}.progress{background-color:var(--skill-color);display:flex;justify-content:flex-end}.progress-text{margin-right:10px}.languages{--skill-color: var(--skill-color-languages)}.frameworks{--skill-color: var(--skill-color-frameworks)}.devops{--skill-color: var(--skill-color-devops)}.soft{--skill-color: var(--skill-color-soft)}.skill-10{width:10%}.skill-20{width:20%}.skill-30{width:30%}.skill-40{width:40%}.skill-50{width:50%}.skill-60{width:60%}.skill-70{width:70%}.skill-80{width:80%}.skill-90{width:90%}.skill-100{width:100%}@media screen and (min-width: 1080px){.skills-container{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1200px){.skills-container{padding:1rem 2rem 0 0}.skill-meter{font-size:var(--fs-400)}}@media screen and (min-width: 1400px){.skills-container{padding:1rem 2rem 0 0}.skill-meter{font-size:var(--fs-400)}.skill-meter+.skill-meter{margin-top:20px}}.educations{display:grid;gap:2rem}.education-category{margin-bottom:1em}.education{padding:1em;box-shadow:var(--base-shadow);border-radius:10px}.studies{background-color:var(--color-complementary);color:var(--color-neutral-light)}.inline{margin-left:.2em}.study{display:grid;grid-template-columns:10rem 1fr;margin-bottom:1em}.study .additonal-info{padding-left:2em}.study .additonal-info .label{font-weight:700}.certificates{background-color:var(--color-mainbackground-darker)}.certification{display:grid;grid-template-columns:10rem 1fr;margin-bottom:1em}@media screen and (min-width: 1200px){.educations{padding-right:2rem}}:root{--ff-base: "Outfit", sans-serif;--fw-regular: 300;--fw-semi-bold: 400;--fw-bold: 700;--fs-200: .875rem;--fs-300: 1rem;--fs-400: 1.125rem;--fs-500: 1.375rem;--fs-600: 1.75rem;--fs-700: clamp(2rem, 10vw - .5rem, 3.25rem);--clra-neutral-100: hsla(0, 0%, 100%, 1);--clra-neutral-900: hsla(0, 0%, 0%, 1);--clra-mainblue: #87bce0;--clra-mainbluedark: rgb(121, 180, 220);--clra-orange: #f27211;--clra-lila: #92abe0;--clra-beige: #dec48a;--clra-aqua: #7bd5e0;--clrw-white: #fcfcfc;--clrw-offwhite: #f0f0f0;--clrw-offwhitedarker: #d6d6d6;--clrw-darker: #707070;--clrw-grey: #b0b0b0;--clrw-complement: #83a38c;--clrw-complement-light: #99a393;--base-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);--color-mainbackground: var(--clrw-offwhite);--color-mainbackground-darker: var(--clrw-offwhitedarker);--color-complementary: var(--clrw-complement);--color-neutral-light: var(--clrw-white);--color-neutral-dark: var(--clrw-darker)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100vh}html{color-scheme:dark}body{background-color:var(--color-mainbackground);color:var(--color-neutral-dark);font-family:var(--ff-base);font-size:var(--fs-400);font-weight:var(--fw-regular);line-height:1.5}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}h3{font-size:var(--fs-500)}button{--button-color: var(--color-complementary);border:none;padding:.5em 1em;border-radius:5px;background-color:var(--button-color)}button:hover{cursor:pointer;background-color:var(--color-mainbackground-darker);color:var(--color-neutral-dark)}