#social-networks{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}#social-networks .social-btn{padding:.6em;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:#111}#social-networks #instagram{color:#bc2a8d}#social-networks :hover{background:linear-gradient(90deg,#fa5252,#dd2476 98%)}#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:80%;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 .phone-link{text-decoration:none}#information .info-card #pin-icon{color:#6ab5b9}#information .info-card #email-icon{color:#c17ceb}#information .info-card .email-p{word-break:break-word}#sidebar{background-color:#111;flex:1 1 0;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:3rem 0}#sidebar img{max-width:250px;border-radius:10px;position:absolute;top:-3rem}#sidebar .title{color:#a6a6a6;background-color:#1d1d1d;border-radius:5px;margin-top:12rem;padding:.8rem 1.2rem}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,#fa5252,#dd2476 98%);text-decoration:none;border-radius:3rem}#sidebar .btn-margin{margin:10px 0}#sidebar .btn-top{margin-top:10px}#sidebar .bottom-nav{display:flex;flex-direction:column;width:80%}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background-color:#271b31}a,svg{transition:.4s}.projects-container{background-color:#111;flex:2 1 0;border-radius:10px;padding:3rem}.projects-container h2{color:#fff;font-size:2.2rem;margin-bottom:1.3rem;display:flex;justify-content:center;align-items:center;justify-content:start;gap:1rem}.projects-container h2:after{content:"";background:linear-gradient(90deg,#fa5252,#dd2476 98%);height:3px;width:30%}.myprojetos-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.myprojetos-grid .item{border-radius:5px;width:300px;height:100%;border:solid 1px #000}.myprojetos-grid .link-body{text-decoration:none;display:flex;flex-direction:column;align-items:center}.myprojetos-grid .image{width:100%;height:200px;border-top-left-radius:5px;border-top-right-radius:5px}.myprojetos-grid .descricao{padding:20px;text-align:start;width:100%;color:#fff;border-top:1px solid #fff}.myprojetos-grid .item-tecnologia{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px}.myprojetos-grid .tecnologia{background:linear-gradient(90deg,#fa5252,#dd2476 98%);padding:8px 12px;margin:5px;color:#fff;border-radius:5px}@media (min-width: 769px) and (max-width: 1024px){.myprojetos-grid{grid-template-columns:1fr}.myprojetos-grid .item{width:300px}}@media (max-width: 768px){.projects-container{padding:2rem}.myprojetos-grid{grid-template-columns:1fr}.myprojetos-grid .item{width:100%;height:100%}}.technologies-container{margin-bottom:1rem}.technologies-container .technologies-grid{display:flex;flex-wrap:wrap;gap:1.5rem}@media (max-width: 768px){.technologies-container .technologies-grid{flex-direction:column}}.technologies-container .technology-card{display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;border:1px solid #333;width:45%;border-radius:5px}@media (max-width: 768px){.technologies-container .technology-card{width:100%}}.technologies-container .technology-card h3{color:#fff;margin-bottom:1rem}.technologies-container .technology-card svg{font-size:6rem}.technologies-container #html svg{color:#e44d26}.technologies-container #css svg{color:#1572b6}.technologies-container #js svg{color:#f0db4f}.technologies-container #node svg{color:#83cd29}.technologies-container #mysql svg{color:#00618a}.technologies-container #react svg{color:#61dafb}#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 98%);height:3px;width:30%}#main-content p{color:#a6a6a6;margin-bottom:1rem;line-height:1.3rem}#main-content .btn{align-self:start;padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,#fa5252,#dd2476 98%);text-decoration:none;border-radius:3rem}.app-container{max-width:1340px;margin-left:auto;margin-right:auto}#portfolio{display:flex;flex-wrap:wrap}#portfolio h1{width:100%;color:#fff;font-size:5rem;margin-bottom:4rem;background:linear-gradient(90deg,#fa5252,#dd2476 98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#App-mix{display:grid;grid-template-columns:1fr 2fr;padding:3rem;margin-top:3rem;gap:3rem}@media (max-width: 768px){#App-mix{grid-template-columns:1fr;margin:0 10px;padding:5rem 0rem 0rem}}