.tecnologies-container{margin-bottom:1rem}.tecnologies-container .tecnologias-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.tecnologies-container .tecnologias-grid .technology-card{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border:1px solid #333;width:45% w;border-radius:5px;transition:transform .3s ease,box-shadow .3s ease}.tecnologies-container .tecnologias-grid .technology-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.tecnologies-container .tecnologias-grid .technology-card h3{color:#fff;margin-bottom:1rem}.tecnologies-container .tecnologias-grid .technology-card svg{font-size:5rem}.tecnologies-container .tecnologias-grid #html svg{color:#ec6231}.tecnologies-container .tecnologias-grid #css svg{color:#264de4}.tecnologies-container .tecnologias-grid #git svg{color:#fa7f72}.tecnologies-container .tecnologias-grid #tailwind svg{color:#add8e6}.tecnologies-container .tecnologias-grid #sass svg{color:#ed30cf}.tecnologies-container .tecnologias-grid #js svg{color:#f0db4f}.tecnologies-container .tecnologias-grid #Ts svg{color:#3498db}.tecnologies-container .tecnologias-grid #node svg{color:#83cd29}.tecnologies-container .tecnologias-grid #react svg{color:#00618a}.tecnologies-container .tecnologias-grid #python svg{color:#61dafb}@media (max-width: 720px){.tecnologies-container .tecnologias-grid{flex-direction:column;align-items:center}.tecnologies-container .tecnologias-grid .technology-card{width:90%;padding:1rem}}#main-content{background-color:#111;flex:2 1 0;border-radius:10px;padding:3rem}#main-content section{display:flex;flex-direction:column}#main-content h2{color:#fff;font-size:2.2rem;margin-bottom:1.3rem;display:flex;justify-content:center;align-items:center;justify-content:start;gap:1rem}#main-content h2:after{content:"";background:linear-gradient(90deg,#fa5252,#dd2476);height:3px;width:30%}#main-content p{color:#a6a6a6;margin-bottom:1rem;line-height:1.4rem}#main-content .btn{padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,#fa5252,#dd2476);text-decoration:none;border-radius:3rem;align-self:start}#social-networks{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}#social-networks .social-btn{padding:.6rem;background-color:#1d1d1d;border-radius:5px;color:#333;font-size:1.3rem;display:flex;justify-content:center;align-items:center}#social-networks #linkedin{color:#0072b1}#social-networks #github{color:#fff}#social-networks #instagram{color:#bc2a8d}#social-networks :hover{background:linear-gradient(90deg,#fa5252,#dd2476)}#social-networks :hover>svg{color:#fff}#information{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#1d1d1d;padding:1rem;margin-bottom:2rem;text-align:left;width:90%;border-radius:5px}#information .info-card{display:flex;justify-content:center;align-items:center;justify-content:start;gap:1rem;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid #444;width:100%}#information .info-card h3{color:#a6a6a6;font-size:.8rem;margin-bottom:.5rem}#information .info-card p{color:#fff;font-weight:700}#information .info-card svg{background-color:#111;padding:.4rem;width:2rem;height:2rem;border-radius:5px}#information .info-card #phone-icon{color:#e93b81}#information .info-card #email-icon{color:#6ab5b9}#information .info-card #pin-icon{color:#c17ceb}@media screen and (min-width: 768px){#information{width:100%;padding:.5rem}#information .info-card{flex-direction:column;align-items:flex-start;gap:.5rem}#information .info-card svg{width:1.5rem;height:1.5rem}#information .info-card h3{font-size:.7rem}#information .info-card p{font-size:.9rem}}#sidebar{background-color:#111;flex:1 1 0;border-radius:10px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:3rem 1rem}#sidebar img{height:20%;border-radius:10px;object-fit:cover}#sidebar .title{color:#a6a6a6;background-color:#1d1d1d;border-radius:5px;padding:.8rem 1.2rem;margin-top:1rem;font-size:1.2rem}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,#fa5252,#dd2476);text-decoration:none;border-radius:3rem}@media (max-width: 720px){#sidebar{padding:2rem 0}#sidebar img{max-width:70%}#sidebar .title{font-size:1rem;padding:.6rem 1rem}}@media (max-width: 480px){#sidebar img{max-width:100%}#sidebar .title{font-size:.9rem;padding:.5rem .8rem}}#portfolio{display:grid;grid-template-columns:1fr 2fr;padding:3rem;gap:3rem}@media (max-width: 1469px){#portfolio{display:flex;flex-direction:column}}#nav{display:flex;justify-content:right;margin:1rem 2rem;gap:1rem}#nav a{text-decoration:none;font-size:1rem}#nav a h2{color:#fff;position:relative;display:inline-block}#nav a :hover{background:linear-gradient(90deg,#fa5252,#dd2476);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}#nav a :after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:3px;background:linear-gradient(90deg,#fa5252,#dd2476);transition:width .3s ease}#nav a :hover:after{width:100%}footer{display:flex;justify-content:center;color:#fff;margin:1rem}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background:#271b31}a,svg{transition:.4s}.projects-conteiner{padding:2rem;color:#fff;min-height:100vh}.projects-conteiner h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-items:center}.project-card{background-color:#111;border-radius:12px;padding:1.5rem;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px #00000080;transition:transform .3s ease,box-shadow .3s ease}.project-card .social-btn{padding:.5rem;background-color:#1d1d1d;border-radius:5px;color:#fff;display:flex;justify-content:center;align-items:center;transition:background .3s ease,color .3s ease}.project-card .social-btn:hover{background:linear-gradient(90deg,#fa5252,#dd2476);color:#fff}.project-card:hover{transform:scale(1.03);box-shadow:0 6px 15px #000000b3}.project-card h3{margin-bottom:1rem;font-size:1.8rem;text-align:center}.project-card img{width:100%;border-radius:8px;margin-bottom:1rem}.project-card div{display:flex;gap:1rem;margin-bottom:1rem;font-size:1.5rem}.project-card p{text-align:center;margin-bottom:.5rem;font-size:1rem}