.technologies-container{margin-bottom:1rem}.technologies-container .technologies-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.technologies-container .technologies-grid .technology-card{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border:1px solid #03c544;width:45%;border-radius:5px}@media (max-width: 1024px){.technologies-container .technologies-grid .technology-card{width:100%}}@media (max-width: 768px){.technologies-container .technologies-grid .technology-card{width:100%}}.technologies-container .technologies-grid .technology-card h3{color:#fff;margin-bottom:1rem}.technologies-container .technologies-grid .technology-card svg{font-size:6rem}.technologies-container .technologies-grid .technology-card .technology-info{max-width:350px}.technologies-container .technologies-grid #html svg{color:#e44d26}.technologies-container .technologies-grid #css svg{color:#1572b6}.technologies-container .technologies-grid #js svg{color:#f0db4f}.technologies-container .technologies-grid #react svg{color:#61dafb}.technologies-container .technologies-grid #sass svg{color:#bf4080}.technologies-container .technologies-grid #jquery svg{color:#78cff5}.technologies-container .technologies-grid #node svg{color:#84c00b}.technologies-container .technologies-grid #tailwind svg{color:#00bcff}.technologies-container .technologies-grid #mysql svg{color:#065e8c}.technologies-container .technologies-grid #postgresql svg{background-color:#396c94;color:#fff}.technologies-container .technologies-grid #vitest svg{color:#ffd62e}.technologies-container .technologies-grid #typescript svg{color:#377cc8}@media (max-width: 1440px){.technology-info{width:300px}}@media (max-width: 768px){.technology-info{width:350px}}@media (max-width: 425px){.technology-info{width:200px}}@media (max-width: 375px){.technology-info{width:150px}}#main-content{background-color:#111;flex:2 1 0;border-radius:10px;padding:3rem}@media (max-width: 375px){#main-content{padding:1rem}}#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}@media (max-width: 768px){#main-content h2{font-size:1.5rem}}#main-content h2:after{content:"";background:linear-gradient(90deg,#c72264,#716fee);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,#c72264,#716fee);text-decoration:none;border-radius:3rem;border:1px solid transparent;transition:all .3s ease-in-out;align-self:start}#main-content .btn:hover{-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:1px solid #C3256A}#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,#c72264,#716fee)}#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}@media (max-width: 1440px){#information{width:100%}}#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 #fff;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;min-width:1rem;border-radius:5px}#information .info-card #phone-icon{color:#e93e91}#information .info-card #email-icon{color:#fe39ee}#information .info-card #pin-icon{color:#754cec}#sidebar{background-color:#111;flex:1 1 0;border-radius:10px;display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;padding:3rem 0}#sidebar img{max-width:50%;border-radius:10px;position:absolute;top:-3rem}#sidebar .title{color:#a6a6a6;background-color:#1d1d1d;border-radius:5px;margin-top:12rem;padding:.8rem 1.2rem}@media (max-width: 2560px){#sidebar .title{margin-top:20rem}}@media (max-width: 1920px){#sidebar .title{margin-top:14rem}}@media (max-width: 1440px){#sidebar .title{margin-top:8rem}}@media (max-width: 1024px){#sidebar .title{margin-top:2rem}}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,#c72264,#716fee);text-decoration:none;border-radius:3rem;border:1px solid transparent;transition:all .3s ease-in-out}#sidebar .btn:hover{-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:1px solid #C3256A}@media (max-width: 768px){#sidebar{padding:3rem 1.754rem}#sidebar .title{margin-top:16rem}}@media (max-width: 425px){#sidebar .title{margin-top:6rem}}#portfolio{display:flex;flex-wrap:wrap;padding:3rem;gap:3rem}#portfolio h1{width:100%;font-size:5rem;margin-bottom:4rem;background:linear-gradient(90deg,#c72264,#716fee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){#portfolio h1{font-size:4rem}}@media (max-width: 375px){#portfolio h1{font-size:2rem}}@media (max-width: 425px){#portfolio{justify-content:center}h1{font-size:3rem}}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background:#344177}a,svg{transition:.4s}
