@import"https://fonts.googleapis.com/css2?family=Lato:wght@100..900&family=Oswald:wght@200..700&display=swap";.footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;margin:2rem 1rem 1rem;background:var(--glass-bg);color:var(--text-main);font-size:.9rem;font-weight:700}.footer-socials{display:flex;gap:20px}.footer-socials a{color:var(--text-main);transition:all .2s;display:flex}.footer-socials a:hover{color:var(--secondary);transform:translateY(-2px)}.footer-copy p{margin:0;font-weight:500;opacity:.8}@media(max-width:768px){.footer{flex-direction:column;gap:15px;text-align:center}}.navbar{position:fixed;top:0;left:0;width:100%;height:4rem;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--glass-bg);z-index:1000}.navbar-links{display:flex;gap:2rem}.nav-item{display:flex;align-items:center;gap:1rem;color:var(--text-main);transition:all .2s;padding:.5rem .75rem;border-radius:.5rem}.nav-item:hover{color:inherit}.nav-item.active{color:var(--primary);background:var(--primary-hover)}.theme-toggle-button{border:1px solid transparent;font-size:1em;font-family:inherit;cursor:pointer;background-color:transparent;border-radius:30px;color:var(--text-main)}.theme-toggle-button:hover{background-color:var(--secondary);transform:translateY(0)}@media(max-width:768px){.navbar{padding:0 1rem;height:3.5rem}.navbar-links{gap:.5rem}.nav-item{font-size:0;gap:0;padding:.5rem;justify-content:center}.nav-item svg{width:24px;height:24px;font-size:1.5rem}}:root{font-family:Inter,sans-serif;line-height:1.5;color-scheme:light dark;letter-spacing:.5px;--font-heading: "Oswald", sans-serif;--font-body: "Lato", sans-serif;--primary: #0e7ee6;--primary-hover: #4194e241;--secondary: #e6a843;--bg-primary: #1c1b22;--text-main: #f1f5f9;--glass-bg: rgba(255, 255, 255, .1);--background-tags: #585858}body.light-theme{--bg-primary: #f8f8f8;--text-main: #1f2937;--glass-bg: rgba(31, 41, 55, .1);--background-tags: #585858}body{font-family:var(--font-body);font-weight:400;background-color:var(--bg-primary);color:var(--text-main)}p{font-family:--font-body;font-weight:400}a,h1,h2,h3{font-family:var(--font-heading);font-weight:700}a{text-decoration:inherit;color:var(--primary)}a:hover{color:var(--secondary)}.background-effects{background-color:var(--bg-primary);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;filter:blur(4px);transform:scale(1.1)}.container{margin:0 auto;max-width:900px;margin-top:5rem;display:flex;flex-direction:column;gap:1rem}button{border:1px transparent;padding:.8em 1.2em;font-size:1em;font-weight:700;cursor:pointer;background-color:var(--secondary);border-radius:10px;transition:all .2s ease}button:hover{box-shadow:0 0 5px var(--secondary)}.card{width:90%;padding:1em 2em;margin-top:1rem;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.timeline-role{padding-left:.5rem}.skill-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.skill-header{display:flex;align-items:center;gap:10px}.level-container{display:flex;gap:8px}.level-dot{width:12px;height:12px;background-color:var(--text-main);border-radius:50%;transition:all .3s}.level-dot.filled{background-color:var(--primary);box-shadow:0 0 5px var(--primary)}.level-text{font-size:.75rem;margin:0}.skill-card{display:flex;flex-direction:column;gap:15px;padding:1em 2em;border:1px solid var(--glass-bg);border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.timeline-container{display:flex;flex-direction:column;gap:2em;position:relative;padding-left:1.25em}.timeline-container:before{content:"";position:absolute;top:1em;bottom:0;left:1.6em;width:2px;background-color:var(--primary);box-shadow:0 0 5px var(--primary)}.timeline-item{position:relative;padding-left:25px}.timeline-dot{position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;z-index:1;background-color:var(--primary);box-shadow:0 0 5px var(--primary)}.timeline-date{font-size:.85rem;color:var(--primary);font-weight:700}.time-linerolecompany{display:flex;flex-direction:row;align-items:center;margin-top:-1rem;margin-bottom:-.75rem;font-size:1.1rem}.timeline-company{color:var(--secondary)}.timeline-desc{margin-top:.25em}.loves-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;height:auto;align-items:center;gap:10px}.love-pic{border-radius:10px;object-fit:cover;height:250px;width:100%}@media(min-width:768px){.about-me-container{width:800px}}@media(max-width:768px){.about-me-container{text-align:left}.time-linerolecompany{display:flex;flex-direction:column;margin:-1.5rem}.timeline-role{margin-top:-1rem;margin-bottom:2rem}}.tag-grid{display:flex;flex-direction:row;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));padding-top:1.5em}.tag-icon{font-size:.8em;margin-right:1em;border-radius:.25em;background-color:var(--background-tags);padding:.25em .5em}.project-card{color:inherit;text-align:left}.project-card:hover{color:inherit}.link-post{font-size:1.5em}.link-post:hover{color:var(--secondary)}.post-date{margin-top:.25em;font-size:.8em;color:var(--primary);text-align:left}.post-description{margin-top:-5px;text-align:left}.tag-grid{display:flex;flex-direction:row;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));margin-top:-1em}.tag{margin-top:auto;width:auto;font-size:.8em;margin-right:10px;border-radius:5px;background-color:#757575;box-shadow:0 4px 6px #0000000d;padding:2px 5px}.link-post{text-align:left}#root{text-align:left;display:flex;flex-direction:column;gap:2rem}.container-home{padding-top:5rem}.starter-card{width:100%;text-align:left;display:grid;grid-template-columns:1.2fr 1.1fr;padding-left:0}.avatar{text-align:center;border-radius:10%;width:17rem}.right-starter-decor{display:flex;justify-content:right;align-items:center}.left-starter-decor{display:flex;flex-direction:column;justify-content:center}.social-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-main);padding:1.5em .5em;transition:all .2s ease}.social-link:hover{transform:translateY(-3px);color:var(--secondary);text-shadow:0 4px 12px var(--secondary)}.myname{display:inline-flex;color:var(--primary)}.myname:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background-color:var(--glass-bg);color:var(--text-main);padding:5px 10px;border-radius:0;transition:opacity .3s,visibility .3s}.myname:hover:after{visibility:visible;opacity:1}.myname:hover{transform:translateY(-5px);color:var(--primary);transition:all .2s ease}.aviao{display:inline-flex;transition:all .2s ease}.aviao:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background-color:var(--glass-bg);color:var(--text-main);padding:5px 10px;border-radius:0;transition:opacity .3s,visibility .3s;width:10em}.aviao:hover:after{visibility:visible;opacity:1}.aviao:hover{transform:translateY(-5px) translate(5px)}@media(max-width:768px){#root{box-sizing:border-box;margin:0 auto;padding:1rem;text-align:center;width:100%}.starter-card{grid-template-columns:1fr;width:80%;margin:auto}.container{text-align:center;justify-content:center}.social-link{margin:auto}}.contact-container{width:100%}.contact-form{display:flex;flex-direction:column;gap:1rem;text-align:left;width:100%}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:700}.form-group input,.form-group textarea{padding:10px;border:1px solid var(--glass-bg);border-radius:6px;font-family:inherit;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main)}.success-message{color:#2f8f52;font-weight:700;padding:20px;border-radius:8px}.butao-div{text-align:center}.projects-home{display:flex;flex-direction:column;width:100%}.projects-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 20px;box-sizing:border-box}.project-card{background:var(--glass-bg);border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}.project-pic{border-radius:10px 10px 0 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:200px;width:100%;object-fit:cover}.project-card:hover{transform:translateY(-3px)}.project-text{display:flex;text-align:left;flex-direction:column;padding:0%;margin:-10px 10px 20px 20px}