#portfolio{display:flex;flex-wrap:wrap;padding:3rem;gap:3rem}#portfolio h1{width:100%;font-size:5rem;margin-bottom:4rem;background:linear-gradient(90deg,rgb(250,82,82) 0%,rgb(89,0,102) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){#portfolio{gap:1rem}#portfolio h1{margin-bottom:5rem}}@media (max-width: 425px){#portfolio{padding:2rem}#portfolio h1{text-align:center;font-size:3.8rem;margin-bottom:6rem}}@media (max-width: 375px){#portfolio h1{margin-bottom:6rem;font-size:3.1rem}}#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:#111}#social-networks #instagram{color:#bc2a8d}#social-networks :hover{background:linear-gradient(90deg,rgb(250,82,82) 0%,rgb(89,0,102) 100%)}#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 #email-icon{color:#6ab5b9}#information .info-card #pin-icon{color:#c17ceb}@media (max-width: 768px){#information{width:90%}}@media (max-width: 320px){#information{padding:.5rem;width:90%}}#sidebar{background-color:#111;flex:1 1 0;border-radius:10px;display:flex;align-items:center;flex-direction:column;position:relative;padding:3rem 0}#sidebar img{max-width:90%;border-radius:10px;position:absolute;top:-12.2rem}#sidebar .title{color:#a6a6a6;background-color:#1d1d1d;border-radius:5px;margin-top:15.5rem;padding:.8rem 1.2rem}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,rgb(250,82,82) 0%,rgb(89,0,102) 100%);text-decoration:none;border-radius:3rem}@media (max-width: 1024px){#sidebar{flex:2.1 1 0}#sidebar img{top:-11.4rem}#sidebar .title{margin-top:13.1rem}}@media (max-width: 768px){#sidebar{flex:2.1 1 0}#sidebar img{top:-9.9rem}#sidebar .title{margin-top:9.1rem}}@media (max-width: 425px){#sidebar img{top:-10.8rem}#sidebar .title{margin-top:11.1rem}}@media (max-width: 375px){#sidebar img{top:-10rem}#sidebar .title{margin-top:8.6rem}}@media (max-width: 320px){#sidebar img{top:-9rem}#sidebar .title{margin-top:5.9rem}}.technologies-container{margin-bottom:1rem}.technologies-container .technologies-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.technologies-container .technologies-grid .technology-card{display:flex;justify-content:center;align-items:center;align-items:baseline;gap:1rem;padding:1rem;border:1px solid #333;width:47%;border-radius:5px}.technologies-container .technologies-grid .technology-card .h3-flex{display:flex;justify-content:center;align-items:center;flex-direction:column}.technologies-container .technologies-grid .technology-card .h3-flex h3{color:#fff;margin-bottom:1rem;color:#e44d26}.technologies-container .technologies-grid .technology-card .h3-flex svg{font-size:6rem}.technologies-container .technologies-grid #html svg{color:#e44d26;text-align:center}.technologies-container .technologies-grid #html p{text-align:start}.technologies-container .technologies-grid #css svg{color:#1572b6}.technologies-container .technologies-grid #css p{text-align:start}.technologies-container .technologies-grid #java svg{color:#e42c2e}.technologies-container .technologies-grid #java p{text-align:start}.technologies-container .technologies-grid #node svg{color:#83cd29}.technologies-container .technologies-grid #node p{text-align:start}.technologies-container .technologies-grid #springboot svg{color:#6aad3d}.technologies-container .technologies-grid #springboot p{text-align:start}.technologies-container .technologies-grid #react svg{color:#61dafb}.technologies-container .technologies-grid #react p{text-align:start}@media (max-width: 1024px){.technologies-container .technologies-grid .technology-card{width:100%}}@media (max-width: 768px){.technologies-container .technologies-grid{flex-direction:column;align-content:center}.technologies-container .technologies-grid .technology-card{width:100%}}@media (max-width: 425px){.technologies-container .technologies-grid{flex-direction:column;align-content:center}.technologies-container .technologies-grid .technology-card{width:auto}.technologies-container .technologies-grid #html p,.technologies-container .technologies-grid #css p,.technologies-container .technologies-grid #sass p,.technologies-container .technologies-grid #node p,.technologies-container .technologies-grid #springboot p,.technologies-container .technologies-grid #react p{text-align:start}}#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,rgb(250,82,82) 0%,rgb(89,0,102) 100%);height:3px;width:100%}#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,rgb(250,82,82) 0%,rgb(89,0,102) 100%);text-decoration:none;border-radius:3rem;align-self:start}@media (max-width: 768px){#main-content{padding:1rem}#main-content .btn{align-self:center;padding:1.3rem 2rem}}@media (max-width: 425px){#main-content{padding:1rem}#main-content .btn{align-self:center;padding:1.3rem 2rem}}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background:#271b31}a,svg{transition:.4s}