#main-content-container{width:95%;display:flex;flex-direction:column}#main-content{background-color:#111;border-radius:10px;padding:1rem;width:100%}#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,#1EFC1E 40%,#3E8914 95%);height:3px;width:30%;width:20rem}#main-content p{color:#a6a6a6;margin-bottom:1rem;line-height:1.4rem}#main-content .projects-btn{padding:1rem 1.2rem;color:#000;font-size:1.1rem;background:linear-gradient(90deg,#1EFC1E 40%,#3E8914 95%);text-decoration:none;border-radius:3rem;align-self:center}.tech-container{margin-bottom:1rem}.tech-container h2{width:16rem}.tech-container .tech-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem}.tech-container .tech-grid .tech-card{justify-content:center;align-items:center;display:flex;justify-content:space-between;gap:1rem;padding:.5rem .1rem;border:1px solid #333;width:49%;border-radius:5px}.tech-container .tech-grid .tech-card .tech-icon{width:30%;display:flex;justify-content:left}.tech-container .tech-grid .tech-card .tech-info{width:40%;display:flex;justify-content:right}.tech-container .tech-grid .tech-card h3{color:#fff;font-size:1rem;padding-right:.1rem}.tech-container .tech-grid .tech-card svg{font-size:2.5rem;height:2rem}.tech-container .tech-grid #HTML svg{color:#e44d26}.tech-container .tech-grid #CSS svg{color:#1572b6}.tech-container .tech-grid #JavaScript svg{color:#f0db4f}.tech-container .tech-grid #Node svg{color:#83cd29}.tech-container .tech-grid #MySql svg{color:#00618a}.tech-container .tech-grid #React svg{color:#61dafb}.tech-container .tech-grid #Docker svg{color:#1572b6;background:#fff;border-radius:50px;margin-left:.3rem}.tech-container .tech-grid #Express svg{color:#fff}.tech-container .tech-grid #Django svg{color:#092e20}.tech-container .tech-grid #MongoDB svg{color:#00ed64}.tech-container .tech-grid #Flask svg{color:#fff}.tech-container .tech-grid #Python svg{color:#1572b6}.projects-grid-conteiner{margin-bottom:1rem;display:flex;flex-direction:column}.projects-grid-conteiner .projects-grid{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:.3rem}.projects-grid-conteiner .projects-grid .project-card{display:flex;flex-direction:column;align-items:center;padding:.5rem .1rem;border:1px solid #333;width:95%;height:30rem;border-radius:5px;text-align:center}.projects-grid-conteiner .projects-grid .project-card .project-name{color:#fff}.projects-grid-conteiner .projects-grid .project-card img{width:85%;height:19rem;margin:1rem 0}.projects-grid-conteiner .projects-grid .project-card a{text-decoration:none}.projects-grid-conteiner .return-btn{padding:1rem 1.2rem;color:#000;font-size:1.1rem;background:linear-gradient(90deg,#1EFC1E 40%,#3E8914 95%);text-decoration:none;border-radius:3rem;align-self:center;margin:1rem}#social-networks{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;width:95%}#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;width:100%}#social-networks #linkedinIcon{color:#0072b1}#social-networks #githubIcon{color:#fff}#social-networks :hover{background:linear-gradient(90deg,#1EFC1E 40%,#3E8914 95%)}#social-networks :hover>svg{color:#111}#sidebar{background-color:#111;border-radius:10px;display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;padding:3rem 0rem;width:95%;max-width:95%}#sidebar img{max-width:70%;border-radius:10px}#sidebar #main-title-mobile{background:linear-gradient(90deg,#1EFC1E 40%,#3E8914 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 1rem 0;font-size:2rem}#sidebar .job-title{color:#a6a6a6;background-color:#1d1d1d;border-radius:5px;margin:1rem 1rem 0;padding:.8rem 1.5rem;width:95%}#sidebar .resume-btn{padding:1rem 1.2rem;margin:-.5rem -1.5rem -1.5rem;color:#000;font-size:1.1rem;background:linear-gradient(90deg,#1EFC1E 40%,#3E8914 95%);text-decoration:none;border-radius:3rem}#information-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#1d1d1d;padding:1rem;margin-bottom:2rem;text-align:left;width:95%;border-radius:5px}#information-container .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-container h3{color:#a6a6a6;font-size:.8rem;margin-bottom:.5rem}#information-container p{color:#fff;font-weight:700}#information-container svg{background-color:#111;padding:.4rem;width:2rem;height:2rem;border-radius:5px}#information-container #phone-icon{color:#e93b81}#information-container #email-icon{color:#6ab5b9}#information-container #local-icon{color:#c17ceb}#portfolio{display:flex;flex-direction:column;align-items:center;gap:.5rem}#portfolio h1{display:none;position:absolute;top:13.6rem;left:4rem;background:linear-gradient(90deg,#1EFC1E 40%,#3E8914 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width: 375px){.tech-container .tech-grid #Docker svg{width:35px;height:35px}}@media screen and (min-width: 768px){#portfolio{gap:.2rem;padding:.5rem;flex-direction:row;justify-content:center;align-items:start}#portfolio #main-title{display:block;position:static;font-size:3rem;text-align:right;margin:2.5rem;padding-right:1rem}#sidebar{margin-top:5rem;width:30%;max-width:30%}#sidebar img{position:relative;top:-5rem}#sidebar #main-title-mobile{display:none}#sidebar .job-title{margin:-3rem 1rem 0;font-size:1.2rem}#information-container{padding:5px 2px}#information-container p{font-size:14px}#information-container svg{padding:0 1px;width:11%}#main-content-container{width:70%;max-width:70%}#main-content-container #main-content{width:100%;max-width:100%}.tech-container{width:100%}.tech-container .tech-grid .tech-card{justify-content:space-around}.tech-container .tech-grid .tech-card .tech-info{justify-content:center}.tech-container .tech-grid .tech-card h3{font-size:1.4rem}.tech-container .tech-grid .tech-card svg{width:55px;height:55px}.tech-container .tech-grid #Docker svg{width:50px;height:50px}.projects-grid-conteiner .projects-grid{flex-direction:row;justify-content:space-around}.projects-grid-conteiner .projects-grid .project-card{width:49%;padding:0;height:32rem}.projects-grid-conteiner .projects-grid .project-name{margin-top:1rem}}@media screen and (min-width: 1024px){#portfolio{justify-content:space-around}#sidebar{max-width:30%}#main-content-container{max-width:70%;width:70%}#main-content-container p{font-size:1.3rem}#main-content-container #Docker svg{height:50px}#information-container h3{font-size:1.1rem}#information-container p{font-size:1.2rem}#information-container svg{margin-left:5px;padding:3px}.projects-grid-conteiner .projects-grid .project-card .project-name{font-size:1.8rem}}@media screen and (min-width: 1280px){#sidebar{max-width:25%}.projects-grid-conteiner .projects-grid .project-card{padding:1rem 2rem}.projects-grid-conteiner .projects-grid .project-card .project-name{font-size:1.5rem}}@media screen and (min-width: 1440px){#sidebar .job-title{font-size:1.5rem}#sidebar #social-networks svg{width:5rem;height:2rem}#sidebar #information-container svg{padding:2px;width:15%;height:15%}#sidebar #information-container p{font-size:1.4rem}}@media screen and (min-width: 1600px){#sidebar{width:24%}#sidebar .job-title{font-size:1.4rem}#sidebar #information-container svg{width:10%;height:10%}#sidebar #information-container p{font-size:1.3rem}.projects-grid-conteiner .projects-grid .project-card .project-name{font-size:1.8rem;margin-top:0}.projects-grid-conteiner .projects-grid .project-card img{width:60%}}@media screen and (min-width: 1920px){#sidebar{width:20%}#sidebar .job-title{font-size:1.4rem}#sidebar #information-container svg{width:12%;height:12%;padding:5px}#sidebar #information-container p{font-size:1.2rem}.projects-grid-conteiner .projects-grid .project-card .project-name{font-size:1.8rem;margin-top:0}.projects-grid-conteiner .projects-grid .project-card img{width:50%}}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background:#1d1d1d}a,svg{transition:.4s}