@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}footer{position:fixed;bottom:0;right:50%}a,button{all:unset;cursor:pointer}.logo img{width:50px;height:50px;border-radius:30%;object-fit:cover}.logo svg{width:50px;height:50px;border-radius:30%;object-fit:cover}.menu{display:flex;align-items:center;gap:32px}.menu-links{display:flex;gap:24px;border-left:1px solid #999999;padding-inline:55px}.menu-links a{font-weight:500;color:#fff;padding:8px 16px}.menu-links a:hover{color:#fff}.menu-btn{font-size:32px;color:#fff;display:none;cursor:pointer}section{height:100vh;display:flex;justify-content:center;align-items:center;color:#a9a9a9}section>h1{font-size:4rem;font-weight:500;text-align:center;text-wrap:balance}@media (max-width: 53rem){.menu{display:none}.menu-btn{display:block}}:root{--base-color: #ffffff;--base-variant: #f5f5f5;--base-font: "Roboto Mono", monospace;--text-color: #333333;--light-gradient: radial-gradient( circle, #c5c5dc, #c4c4d8, #c2c2d4, #c1c1d0, #bfbfcc );--dark-gradient: radial-gradient( circle, #080826, #070724, #070723, #060621, #050520 )}body{font-family:var(--base-font);transition:all .5s ease;min-height:100vh;background-image:var(--light-gradient);background-attachment:fixed;color:var(--text-color)}.darkmode{--base-color: #000000;--base-variant: #101425;--text-color: #ffffff;background-image:var(--dark-gradient)}#theme-switch{height:50px;width:50px;padding:0;border:none;border-radius:50%;background-color:var(--base-variant);display:flex;justify-content:center;align-items:center;position:fixed;top:20px;right:20px;z-index:999;cursor:pointer;box-shadow:0 2px 5px #0003;transition:background-color .3s ease,transform .2s ease}#theme-switch:hover{transform:scale(1.05)}#theme-switch:active{transform:scale(.95)}.svg_black{fill:#000}.svg_white{fill:#fff}#theme-switch svg:last-child{display:none}.darkmode #theme-switch svg:first-child{display:none}.darkmode #theme-switch svg:last-child{display:block}.darkmode .navbar{background-image:var(--light-gradient);box-shadow:0 2px 10px #00000080}.navbar{position:fixed;top:0;left:0;width:100%;height:90px;background-image:var(--dark-gradient);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;transition:transform .5s ease}.darkmode .menu-links a{color:#000}.darkmode #lang,.darkmode .go-top{background-color:var(--base-variant);color:#fff}*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}.tooltip{position:absolute;top:-48px;background:var(--raw-seinna, #bfbfcc);min-width:max-content;color:var(--white, #ffffff);font-size:15px;font-weight:700;padding:5px 10px;border-radius:4px;box-shadow:0 10px 20px var(--card-shadow, rgba(0, 0, 0, .1));transform:translateY(-10px);opacity:0;pointer-events:none;transition:var(--transition-1, .25s ease-in-out);z-index:1}.skills-content{margin-bottom:50px;text-align:center}.skills-content h1{font-size:calc(1.813rem + 1vw);font-family:var(--base-font, "Roboto Mono", monospace);color:var(--text-color, #333333);margin-bottom:30px}.skills-toggle{background:var(--base-color, #ffffff);position:relative;width:max-content;margin-inline:auto;display:flex;align-items:center;padding:5px;border-radius:50px;box-shadow:0 4px 8px #0000001a;z-index:1}.skills-toggle:before{content:"";position:absolute;top:5px;left:5px;bottom:5px;width:93px;background:var(--raw-seinna, #bfbfcc);border-radius:50px;transition:var(--transition-1, .25s ease-in-out);z-index:-1}.skills-toggle.active:before{left:111px;width:93px}.toggle-btn{color:var(--text-color, #333333);font-family:var(--base-font, "Roboto Mono", monospace);font-size:1rem;font-weight:500;padding:8px 25px;transition:var(--transition-1, .25s ease-in-out)}.toggle-btn.active{color:var(--white, #ffffff)}.skills-box.active .skills-list,.skills-box .tools-list{display:none}.skills-box .skills-list,.skills-box.active .tools-list{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;gap:15px;animation:fadeIn .5s ease-out forwards}.skills-box{display:flex;flex-direction:column;gap:50px;justify-content:center;align-content:center;align-items:center;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skills-card{position:relative;background:var(--base-color, #ffffff);width:80px;height:80px;display:grid;place-items:center;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:help}.skills-card:hover .tooltip{transform:translateY(0);opacity:1}.skills-card img{width:50px;height:50px}@media (min-width: 992px){.skills{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.skills-content{margin-bottom:0}.skills-toggle{margin-inline:0}.skills-content h1{font-size:calc(1.313rem + 1vw)}}.darkmode .skills-toggle,.darkmode .skills-card{background:var(--base-variant, #101425)}.darkmode .toggle-btn,.darkmode .skills-content h1{color:var(--text-color, #ffffff)}