body{justify-content:center;align-items:center;height:100vh;margin:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}section{display:flex;min-height:100vh}.logo a{font-size:1.4rem;font-weight:bolder;text-decoration:none;color:#f7f7f7a9}a:hover{color:#fff;transform:scale(1.02)}.navbar{background-color:#000000cd;transition:background-color .4s ease;color:#fff;position:fixed;width:100%;top:0;z-index:999;padding:15px 0}.navbar .nav-container{max-width:1200px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.navbar ul{list-style:none;display:flex;gap:1rem;margin-right:30px}.nav-links li a{color:#fffb;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#faf0e0;transform:scale(1.02);text-decoration-line:underline}.navbar.scrolled{background-color:#00000075;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer{background-color:#000;color:#b0df42e5;text-align:center;width:100%;top:0;z-index:800;padding:25px}#projects{display:block;background-color:#0d0d0d;padding:4rem 2rem;color:#fff;font-family:Inter,sans-serif}#projects h2{font-size:2.5rem;margin-bottom:.5rem;color:#fff}#projects p{font-size:1.2rem;color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:5rem}.project-card{background-color:#1a1a1a;border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 0 20px #504ab933}.project-card h3{font-size:1.5rem;color:#b0df42e5;margin-bottom:1rem}.project-card p{font-size:1rem;color:#ccc;line-height:1.5}.project-tag{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.project-tag span{background-color:#2a2a2a;color:#fff;padding:.3rem .7rem;border-radius:5px;font-size:.85rem}#contact{display:block;background-color:#0d0d0d;color:#fff;min-height:25vh;padding:4rem 2rem}.contact-tag{text-align:center;width:100%;margin:20px}.contact-tag ul{display:flex;color:#65a52abd;list-style:none;align-items:center;padding:0;margin:70px auto 0;flex-direction:column;gap:5px}.contact-tag ul li a{color:#b0df42e5;text-decoration:none;transition:color .3s ease}.contact-tag ul li a:hover{color:#fff}.skill{margin:20px 0;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.skill span{display:block;margin-bottom:5px;font-weight:700;align-items:center;text-align:center}.progress-bar{background-color:#efefef;border-radius:20px;overflow:hidden;height:20px;width:100%;max-width:500px;margin:0 auto}.progress{background-color:#72c628;width:0;height:100%;transition:width 1s ease-in-out}@media screen and (max-width: 768px){#aboutMe .container{flex-direction:column;padding:4rem 1rem;height:auto;padding:50px 20px}}#aboutMe{display:flex;padding-top:120px;background-image:url(/MeuPortifolio/net.gif);background-size:cover;background-repeat:no-repeat;background-position:center}#aboutMe .container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0000008a;color:#f9f1e6;padding:80px 50px;border-radius:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6c63ff #1a1a1a;width:75%;max-width:1000px;margin:100px auto}.img{width:250px;height:250px;margin:0 auto;padding:5px;object-fit:cover;border-radius:50%;border:5px solid #ffffff44;box-shadow:0 0 20px #6c63ff4d}.img:hover{box-shadow:0 0 20px #8580f769}.text-content{padding:20px}