:root{--shadow-s: inset 0 1px 1px #ffffff10, 0 1px 2px #00000030, 0 2px 4px #00000015;--shadow-m: inset 0 1px 2px #ffffff10, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-l: inset 0 1px 2px #ffffff10, 0 4px 6px #00000030, 0 6px 10px #00000015}[data-theme=light]{--bg-dark: oklch(94% 0 0);--bg: oklch(97.5% 0 0);--bg-light: oklch(100% 0 0);--bg-dark-transparent: oklch(95% 0 0 / 75%);--bg-transparent: oklch(97.5% 0 0 / 75%);--bg-light-transparent: oklch(100% 0 0 / 75%);--text: oklch(0% 0 0);--text-muted: oklch(35% 0 0);--main-color: oklch(40.82% .09719 250.142);--confirm-color: oklch(.5 .1599 142.11)}[data-theme=dark]{--bg-dark: oklch(0% 0 0);--bg: oklch(20% 0 0);--bg-light: oklch(25% 0 0);--bg-dark-transparent: oklch(0% 0 0 / 75%);--bg-transparent: oklch(15% 0 0 / 75%);--bg-light-transparent: oklch(30% 0 0 / 75%);--text: oklch(100% 0 0);--text-muted: oklch(90% 0 0);--main-color: oklch(85.202% .07325 249.35);--confirm-color: oklch(.752 .1599 142.11)}@font-face{font-family:Roboto;src:url(public/assets/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Roboto,sans-serif}body{margin:0;background-color:var(--bg-dark);color:var(--text-muted);overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0}p,ul{margin:0}a{color:var(--main-color)}select,button,.button{cursor:pointer;font:inherit;background-color:var(--bg);color:var(--text);padding:.5rem 1rem;border:none;border-radius:.25rem;box-shadow:var(--shadow-s);transition:box-shadow .25s ease-out,background-color .25s ease-out;text-decoration:none}select:hover,button:hover,.button:hover{box-shadow:var(--shadow-m);background-color:var(--bg-light)}section{display:flex;flex-direction:column;gap:2rem;padding:5rem 10rem}h2{font-size:3rem;text-align:center}.card{padding:2rem;border-radius:1rem;background-color:var(--bg);box-shadow:var(--shadow-s)}svg.icon{fill:var(--text-muted)}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid var(--main-color);border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1330px){section{padding:5rem}}@media screen and (max-width: 1160px){section{padding:3rem}}@media screen and (max-width: 440px){h2{font-size:2rem}section{padding:2rem}}header{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin:.5rem;padding:1rem 2rem;border-radius:.5rem;background-color:var(--bg-transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:var(--shadow-s);z-index:1;white-space:nowrap;transition:transform .5s ease-out}header>div{display:flex;flex-direction:row;gap:1rem}header a{text-decoration:none;color:var(--text-muted);transition:all .25s ease-out;padding:.25rem .5rem;border-radius:.25rem}header a:hover{color:var(--text);background-color:var(--bg-light);box-shadow:var(--shadow-s)}.burger-button{padding:0;width:4rem;height:4rem;margin:-1rem -2rem;background:none;box-shadow:none}.burger-button .icon{width:100%;height:100%}.burger-button:hover{background:none;box-shadow:none}.select{position:relative}.select-input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.select-menu{position:absolute;top:2.5rem;display:flex;flex-direction:column;gap:.25rem;padding:.25rem;border-radius:.25rem;background-color:var(--bg-dark);box-shadow:var(--shadow-s);z-index:2;max-height:50vh;overflow-y:scroll;scrollbar-width:none}.select-menu.align-left{left:0;right:unset}.select-menu.align-right{right:0;left:unset}.select-menu button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding-left:.5rem;white-space:nowrap;text-align:left}.select-menu button img{width:1.5rem;height:1.5rem;object-fit:contain}.select .select-menu button svg{visibility:hidden}.select .select-menu button.selected svg{visibility:visible}#home{display:flex;justify-content:center;align-items:stretch;padding:0;width:100vw;height:100vh;background-color:var(--bg)}#home .content{padding:0 10%;width:100%;display:flex;flex-direction:column;gap:1rem}#home h1,#home .status{font-size:4rem}#home h1 span{white-space:nowrap}#home p{max-width:28rem}@media screen and (max-width: 500px){#home .status{font-size:3rem}}@media screen and (max-width: 360px){#home h1{font-size:3rem}#home .status{font-size:2rem}}#about-me>div{display:flex;flex-direction:row;gap:5rem;justify-content:space-between;align-items:center}#about-me>div>div{display:flex;flex-direction:column;justify-content:center;gap:1rem}#about-me img{width:20rem;border-radius:50%;box-shadow:var(--shadow-s);padding:2px;background-color:var(--bg)}@media screen and (max-width: 830px){#about-me>div{flex-direction:column;gap:2rem}}#projects .project-list{display:flex;flex-direction:column;gap:2rem;padding:0}.filter-and-sort-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.filter-and-sort-container .input-container,.filter-and-sort-container .filters{display:flex;flex-direction:row;align-items:baseline;gap:1rem;flex-wrap:wrap}.filter-and-sort-container .filters{gap:2rem}@media screen and (max-width: 1100px){#projects .project-list{display:grid;grid-template-columns:repeat(auto-fill,calc(50% - 1rem));justify-content:space-between}}@media screen and (max-width: 800px){#projects .project-list{grid-template-columns:repeat(auto-fill,min(100%,25rem));justify-content:center}}.project{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.project.reverse{flex-direction:row-reverse}.project>img{height:15rem;aspect-ratio:16 / 9;object-fit:cover;border-radius:1rem;box-shadow:var(--shadow-s);padding:2px;background-color:var(--bg)}.project>div{display:flex;flex-direction:column;flex-shrink:2;gap:1rem;flex-shrink:0;flex-grow:0;width:55%}.project .header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap-reverse;gap:1rem}.project .header>div{display:flex;flex-direction:row;align-items:baseline;gap:.5rem 1rem;flex-wrap:wrap}.project .but-skills,.project .tools{display:flex;gap:1rem;padding:0;list-style:none;overflow-x:scroll;scrollbar-width:none;padding:0 2rem;margin:0 -2rem}.project .tools{padding:.5rem 2rem 2rem;margin:-.5rem -2rem -2rem}.project .tools img{width:2rem;height:2rem;object-fit:contain;padding:0;box-shadow:none;border-radius:0;transition:transform .25s ease-out}.project .tools a:hover img{transform:scale(1.1)}.project .tools .loader{flex-shrink:0;width:1rem;height:1rem;margin:.5rem}.project .tools a{position:relative;display:block;text-decoration:none;color:inherit;overflow:visible}.project a .popup{pointer-events:none;position:absolute;left:1rem;transform:translate(-50%,-.5rem);color:var(--text);background-color:var(--bg-light);padding:.25rem .5rem;border-radius:.25rem;box-shadow:var(--shadow-s);white-space:nowrap;opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;z-index:1}.project a:hover .popup{display:block;opacity:1;transform:translate(-50%)}.project .links{display:flex;flex-direction:row;gap:1rem}.project .links a{display:block;position:relative}.repository-link img{width:2rem;height:2rem;object-fit:contain;transition:transform .25s ease-out}.test-link svg{width:2rem;height:2rem;object-fit:contain;fill:var(--confirm-color);transition:transform .25s ease-out}.repository-link:hover img,.test-link:hover svg{transform:scale(1.1)}@media screen and (max-width: 1100px){.project,.project.reverse{flex-direction:column-reverse;padding:2rem;border-radius:1rem;background-color:var(--bg);box-shadow:var(--shadow-s);gap:2rem}.project>div{padding:0;border-radius:unset;background-color:unset;box-shadow:unset;width:100%}.project>img{width:calc(100% + 4rem);height:unset;box-shadow:unset;padding:0;margin:-2rem -2rem 0;border-radius:1rem 1rem 0 0}.project .header>div{flex-direction:column}}.date-range{white-space:nowrap}.training{display:flex;flex-direction:column;gap:1rem;max-width:40rem;margin:0 auto}.training .line{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem}.training a{text-decoration:none;display:flex;flex-direction:row;align-items:center;align-self:flex-start;gap:.5rem}.skills-box{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;list-style:none;padding:0}.skills-buttons{display:flex;flex-direction:column;gap:.5rem;width:15rem;flex-shrink:0;flex-grow:0}.skills-buttons button{padding:.75rem 1rem;border-radius:.5rem}.skills-buttons button.selected{background-color:var(--bg-dark)}.skills-box .tools{width:100%}.skills-box .tools ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,7rem);justify-content:space-between;gap:2rem}.skills-box .tools img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .25s ease-out}.skills-box .tools a:hover img{transform:scale(1.1)}.skills-box .tools li a{display:flex;flex-direction:column;align-items:center;gap:1rem;color:inherit;text-decoration:none}.skills-box .tool-name{white-space:nowrap}.skills-box .tools .loader{width:4rem;height:4rem;margin:2rem}@media screen and (max-width: 830px){.skills-box{flex-direction:column;justify-content:flex-start}.skills-box>li{display:flex;flex-direction:column;gap:2rem}.skills-box .tools{display:grid;grid-template-columns:repeat(auto-fill,4rem);justify-content:space-between;gap:2rem;list-style:none;padding:0}}.work-experience{width:min(40rem,100vw - 6rem);margin:0 auto;display:flex;flex-direction:column;gap:1rem}.work-experience .line{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:.5rem}#contact address{display:flex;flex-direction:column;gap:2rem;width:min(30rem,calc(100vw - 6rem));margin:0 auto;font-style:normal}#contact address a{display:flex;flex-direction:row;align-items:center;gap:2rem;padding:1rem;border-radius:1rem}#contact address a img{width:5rem;height:5rem;object-fit:contain}#contact address a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1}@media screen and (max-width: 590px){#contact address a{gap:1rem}#contact address a img{width:3rem;height:3rem}}.burger{position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:2rem;margin:1rem;z-index:3;width:16rem;transition:transform .5s ease;background-color:var(--bg-transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.burger>div{display:flex;flex-direction:column;gap:1rem}.burger a{text-align:center}.burger .select button{width:100%;text-align:left}.burger .close-button{position:absolute;top:1rem;right:1rem;background:none;box-shadow:none;padding:0;width:2rem;height:2rem;padding:.25rem}.burger .close-button .icon{width:100%;height:100%}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;height:100dvh;width:100vw;width:100dvw}