.technologies-container{margin-bottom:1rem}.technologies-container .technologies-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.technologies-container .technology-card{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border:1px solid #333;width:45%;border-radius:5px}.technologies-container .technology-card h3{color:#fff;margin-bottom:1rem}.technologies-container .technology-card svg{font-size:6rem}.technologies-container #react svg{color:#61dafb}.technologies-container #node svg{color:#83cd29}.technologies-container #js svg{color:#f0db4f}.technologies-container #ts svg{color:#086eeb}.technologies-container #postgre svg{color:#00618a}.technologies-container #next svg{color:#fbfbfb}.technologies-container #github svg{color:#fff}.technologies-container #figma svg{color:#f57614}.technologies-container #html svg{color:#e44d26}.technologies-container #css svg{color:#1572b6}@media screen and (max-width: 1083px){.technology-card{display:flex;flex-direction:column}.technology-card .technology-info p{visibility:hidden;position:absolute}}@media screen and (max-width: 570px){.technology-card{display:flex;flex-direction:column}.technology-card .technology-info p{visibility:hidden;position:absolute}}@media screen and (max-width: 475px){.technologies-container .technologies-grid{gap:1rem}.technologies-container .technology-card svg{font-size:3rem}.technologies-container .technology-card h3{font-size:medium}}@media screen and (max-width: 336px){.technologies-container .technologies-grid{gap:.5rem}.technologies-container .technology-card svg{font-size:1rem}.technologies-container .technology-card .technology-info{visibility:hidden;position:absolute}}.main-container{display:flex;width:100%;gap:1rem}.main-container .img-project img{width:10rem;height:50%;object-fit:cover}.main-container .about-project{display:flex;flex-direction:column;width:50%}.main-container .about-project .description-project{margin-bottom:30px;text-align:left;color:#a6a6a6}.main-container .about-project .btn-project{display:flex;justify-content:end}.projects{display:flex;flex-direction:column;flex:1;gap:2rem}@media screen and (max-width: 922px){.projects,.projects .main-container{display:flex;flex-direction:column}.projects .main-container .img-project{display:flex;justify-content:center}.projects .main-container .img-project img,.projects .main-container .about-project{width:100%}.projects .main-container .about-project .description-project{text-align:justify}}#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,#5261eb 0%,#1217b2 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,#5261eb 0%,#1217b2 98%);text-decoration:none;border-radius:3rem}@media screen and (max-width: 425px){#main-content{width:100%}}#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,#5261eb 0%,#1217b2 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 #pin-icon{color:#6ab5b9}#information .info-card #email-icon{color:#c17ceb}@media screen and (max-width: 456px){#email{font-size:small}}@media screen and (max-width: 375px){#email{font-size:x-small}}#sidebar{height:100%;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:70%;border-radius:10px;position:absolute;top:-3rem}#sidebar .title{color:#a6a6a6;background-color:#1d1d1d;border-radius:5px;margin-top:18rem;padding:.8rem 1.2rem}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:linear-gradient(90deg,#5261eb 0%,#1217b2 98%);text-decoration:none;border-radius:3rem}@media screen and (max-width: 814px){img{height:45%}}@media screen and (max-width: 388px){img{height:40%}}#portfolio{display:flex;flex-wrap:wrap;padding:3rem;gap:3rem}#portfolio h1{width:100%;color:#fff;font-size:5rem;margin-bottom:4rem;background:linear-gradient(90deg,#5261eb 0%,#1217b2 98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 425px){#portfolio{padding:2rem;align-items:center}}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background-color:#050222}a,svg{transition:.4s}