:root{font-family:Lexend,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#242424;color:#ffffffde}body{margin:0 auto;display:flex;justify-content:center;max-width:1280px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}nav{margin:0;display:flex;justify-content:space-between;align-items:center;height:80px}.nav-title{margin:auto 1em;text-decoration:none;font-size:1.5rem;font-weight:800}.nav-title:link,.nav-title:visited,.nav-title:hover,.nav-title:active{text-decoration:none;color:#ffffffde}@supports not (-webkit-touch-callout: none){.theme-icons{position:relative;margin:auto 2em;width:36px;height:100%;overflow:hidden}.theme-toggle-container-sun{position:absolute;top:100%;width:36px;height:36px;z-index:3;transition:top .5s ease-in-out;outline:none;-webkit-tap-highlight-color:transparent}.theme-toggle-container-sun.is-toggled{cursor:pointer;position:absolute;top:25px;transition:top .5s ease-in-out}.theme-toggle-container-moon.is-toggled{position:absolute;top:-100%;left:8px;width:20px;height:20px;transition:top .5s ease-in-out}.theme-toggle-container-moon{cursor:pointer;position:absolute;top:30px;left:8px;right:2px;width:20px;height:20px;transition:top .5s ease-in-out;outline:none;-webkit-tap-highlight-color:transparent}.theme-moon-icon{fill:#e3e3e3}.theme-screen{background-color:#fff;position:fixed;top:-1px;right:-1px;scale:1;width:1px;height:1px;border-radius:1px;transition:transform 1s ease-in-out;mix-blend-mode:difference;pointer-events:none;z-index:2}.theme-screen.is-toggled{transform:scale(var(--vwh-scale))}}@supports (-webkit-touch-callout: none){.theme-icons{display:none}}.icon-centered{margin:auto;transition:scale 1s ease}.contact-icon-centered{margin:auto 0 0;transition:scale 1s ease}.icon-centered:hover,.contact-icon-centered:hover{animation:shake .25s infinite;scale:1.3}@keyframes shake{0%{transform:rotate(0)}50%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}.icon-skills{width:50px;height:50px}@media (max-width: 615px){.icon-centered{margin:2em auto}}.intro-container{padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:500px}.intro-content{padding:10px;display:flex;flex-direction:column;justify-content:space-between}.contact-info{margin:auto;display:flex;flex-direction:column;align-items:center;gap:1em}.intro-name{padding:0;margin:0}.intro-tagline{margin:0 0 1em;font-weight:400}.intro-welcome-container{display:flex}.intro-welcome{font-size:1.6rem}.icon-on-top{font-size:1.6rem;z-index:2}@media (max-width: 865px){.intro-container{min-width:500px-2rem}}@media (max-width: 540px){.intro-container{flex-direction:column;min-width:calc(80vw - 3em)}.contact-info{margin:auto;flex-direction:row}.intro-name{font-size:11vw}.intro-tagline{font-size:4vw}.intro-welcome,.icon-on-top{font-size:5.5vw}}.education-location{margin:0;font-weight:600}.education-course{margin:0;font-weight:400}.education-grade{margin:0;font-weight:300;font-style:italic}.experience-company{margin:0;font-size:1.3rem;font-weight:600}.experience-title{margin:0;font-weight:400}.experience-dates{margin:0;font-weight:300;font-style:italic}.section-container.skills{min-width:500px}.section-title.skills{font-size:1.6rem;align-self:center}.skills-subtitle{margin:0}.skills-container{margin:.5em 0;display:flex;justify-content:center;flex-wrap:wrap;gap:1em}.skill-entry{display:flex;flex-direction:column-reverse;align-items:center;width:50px;transition:scale .4s ease-in-out;z-index:1}.skill-entry:hover{z-index:10;scale:1.1}.skill-icon+#skill-name{color:#888}.skill-entry:hover #skill-name{color:#888}.skill-name{margin:.75em;font-size:.8rem;font-weight:400;text-align:center}.python-skill:hover #python-blue{fill:#4584b6}.python-skill:hover #python-yellow{fill:#ffde57}.java-skill:hover #java-blue{fill:#5382a1}.java-skill:hover #java-orange{fill:#f89820}.html-skill:hover #html-orange{fill:#e34c26}.html-skill:hover #html-white{fill:#cbcbcb}.css-skill:hover #css-blue{fill:#264de4}.css-skill:hover #css-white{fill:#cbcbcb}.js-skill:hover #js-yellow{fill:#f0db4f}.js-skill:hover #js-black{fill:#343434}.react-skill:hover #react-blue{fill:#1b7ea2}.fastapi-skill:hover #fastapi-green{fill:#1f978b}.sqlite-skill:hover #sqlite-blue{fill:#063b56}.git-skill:hover #git-orange{fill:#f04f2c}#postgres-black,#postgres-blue{visibility:hidden}.postgres-skill:hover #postgres-blue{visibility:visible;fill:#336791}.postgres-skill:hover #postgres-black{visibility:visible;fill:#000}.postgres-skill:hover #postgres-white{fill:#fff}.csharp-skill:hover #csharp-pink1{fill:#7f3a86}.csharp-skill:hover #csharp-purple{fill:#662579}.csharp-skill:hover #csharp-pink2{fill:#9a5196}.csharp-skill:hover #csharp-white{fill:#fff}.vue-skill:hover #vue-green{fill:#41b883}.vue-skill:hover #vue-grey{fill:#34495e}.php-skill:hover #php-violet{fill:#8892bf}.php-skill:hover #php-white{fill:#fff}.azure-skill:hover #azure-blue1{fill:#0078d4}.azure-skill:hover #azure-gradient1{fill:url(#e399c19f-b68f-429d-b176-18c2117ff73c)}.azure-skill:hover #azure-gradient2{fill:url(#ac2a6fc2-ca48-4327-9a3c-d4dcc3256e15)}.azure-skill:hover #azure-gradient3{fill:url(#a7fee970-a784-4bb1-af8d-63d18e5f7db9)}.azure-skill:hover #azure-blue5{fill:#0078d4}.sqlserver-skill:hover #sqlServer-white{fill:#fff}.sqlserver-skill:hover #sqlServer-paint0{fill:url(#paint0_linear_12691_19362)}.sqlserver-skill:hover #sqlServer-paint1{fill:url(#paint1_radial_12691_19362)}.sqlserver-skill:hover #sqlServer-paint2{fill:url(#paint2_radial_12691_19362)}.sqlserver-skill:hover #sqlServer-paint3{fill:url(#paint3_linear_12691_19362)}.sqlserver-skill:hover #sqlServer-paint4{fill:url(#paint4_radial_12691_19362)}.sqlserver-skill:hover #sqlServer-paint5{fill:url(#paint5_radial_12691_19362)}@media (max-width: 865px){.section-container.skills{min-width:calc(500px + 3.2rem)}}@media (max-width: 768px){.section-container.skills{min-width:calc(500px + 3.2rem)}}@media (max-width: 615px){.section-container.skills{min-width:80vw}.skills-container{gap:.5em}}.full-container{display:flex;flex-direction:column;justify-content:space-between;max-width:960px;min-height:calc(100% - 80px)}.content{margin:10px;display:flex;justify-content:center;gap:1em;flex-wrap:wrap}.section-container{padding:20px;display:flex;flex-direction:column;background-color:#343434;border-radius:2rem;width:250px}.section-title-container{display:flex;font-size:2rem;margin:0 0 .5em;align-self:flex-start}.section-content{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;gap:1em}.section-icon{font-size:2rem;margin:.2em 0 0;align-self:flex-start;z-index:3}.section-title{font-size:2rem;margin:.2em 0 0;align-self:flex-start}.section-icon{fill:#ffffff80}.section-icon.background{fill:#343434}@media (max-width: 615px){.section-container{width:80vw}}