header{grid-template-columns:1fr 1fr;display:grid;padding:50px 25px 10px 30px!important}.available-work{font-family:var(--font-tertiary);color:var(--primary-color);background-color:var(--secondary-color);border-radius:5px;margin-top:20px;margin-bottom:5px;padding:2px 10px;font-size:.9rem;font-weight:500;animation:2s infinite pulse;display:inline-block}.heartbeat{font-weight:700;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%,to{opacity:1}50%{opacity:0}}h1.i-am{font-family:var(--font-impact);color:var(--text-color);font-size:4rem}h1.i-am span{color:var(--primary-color)}header p{font-family:var(--font-secondary);color:var(--text-color);margin-top:20px;font-size:1.2rem}.header-buttons{justify-content:flex-start;align-items:center;margin-top:50px;display:flex}.header-buttons a{font-family:var(--font-secondary);cursor:pointer;border:none;border-radius:5px;margin-right:30px;padding:10px;font-size:1.05rem;text-decoration:none;transition:all .3s}.header-buttons .my-work-btn{background-color:var(--primary-color);color:var(--background-color);outline:#0000}.header-buttons .my-work-btn:hover{color:var(--text-color);outline:2px solid var(--primary-color);box-shadow:0 0 15px var(--primary-color);background-color:#0000;font-weight:500;transform:scale(1.1)}.header-buttons .contact-btn{color:var(--text-color);outline:2px solid var(--secondary-color);background-color:#0000}.header-buttons .contact-btn:hover{color:var(--text-color);outline:2px solid var(--primary-color);box-shadow:0 0 15px var(--primary-color);font-weight:500;transform:scale(1.1)}figure{justify-content:center;align-items:center;padding:0 100px;transition:all .3s;display:flex}figure img{object-fit:cover;outline:5px solid var(--secondary-color);border-radius:25px;align-self:center;width:400px;height:auto;transition:all .3s}figure img:hover{outline:5px solid var(--primary-color);box-shadow:0 0 20px var(--primary-color);transform:scale(1.1)}@media (max-width:1000px){header{text-align:center;grid-template-columns:1fr}figure{margin-top:20px;padding:0;display:none}figure img{width:100%;max-width:400px}.header-buttons{justify-content:center}}section{padding:50px 25px}section.about-me{grid-template-columns:1fr 1fr;gap:50px;display:grid}section .metrics{grid-template-columns:1fr 1fr;justify-self:center;gap:30px;display:grid}section .metrics div{background-color:var(--secondary-color);outline:2px solid var(--border-color);aspect-ratio:1;text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex}section .metrics div:nth-child(2),section .metrics div:nth-child(3){background-color:#2f2931}section .metrics div:hover{box-shadow:0 0 15px var(--primary-color);transform:scale(1.1)}section .metrics .number-metric,section .metrics .number-metric-white{font-family:var(--font-impact);color:var(--primary-color);font-size:2.5rem}section .metrics .number-metric-white{color:var(--text-color)}section .metrics .metric-text{font-family:var(--font-secondary);color:var(--text-color-secondary);margin-top:10px;font-size:.8rem}section .about-info{flex-direction:column;justify-content:center;display:flex}section h2{font-family:var(--font-impact);color:var(--primary-color);font-size:1.2rem}section h3{font-family:var(--font-primary);color:var(--text-color);margin-top:5px;font-size:2rem;line-height:35px}section .about-info p{font-family:var(--font-secondary);color:var(--text-color-tertiary);margin-top:30px;font-size:1.05rem;line-height:30px}@media (max-width:1150px){section.about-me{flex-direction:column;display:flex}section .metrics{padding:0 175px}section .about-info{margin-top:-10px;padding:0 100px}section .about-info h2,section h3{text-align:center}}@media (max-width:900px){section .metrics,section .about-info{padding:0}}section.skills{flex-direction:column;place-items:center;display:flex}section.skills h3{margin-top:10px}.skills .skills-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;width:100%;margin-top:30px;display:grid}.skills-container div h4{font-family:var(--font-primary);color:var(--text-color);align-items:center;gap:10px;margin-bottom:10px;font-size:1.2rem;display:flex}.skills-container div h4 img{object-fit:contain;width:30px;height:30px}.skills-container .hard-skills,.skills-container .soft-skills{background-color:var(--secondary-color);outline:2px solid var(--border-color);flex:wrap;border-radius:5px;flex-direction:column;justify-content:start;align-items:start;padding:20px;display:flex}.skills-container .hard-skills ul,.skills-container .soft-skills ul{flex-wrap:wrap;gap:15px;margin:15px 0 10px;list-style:none;display:flex}.skills-container .hard-skills li,.skills-container .soft-skills li{font-family:var(--font-secondary);border-radius:5px;padding:7px 10px;font-size:.9rem;transition:all .3s}.skills-container .hard-skills li{background-color:var(--primary-color);color:var(--secondary-color)}.skills-container .soft-skills li{background-color:var(--tertiary-color);color:var(--text-color)}.skills-container .hard-skills li:hover,.skills-container .soft-skills li:hover{color:var(--primary-color);outline:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);background-color:#0000;transform:scale(1.1)}@media (max-width:1100px){section.skills .skills-container{flex-direction:column;display:flex}.skills-container li{font-size:.8rem}}section.featured-projects{flex-direction:column;display:flex}.featured-projects .projects-headline{flex-direction:row;justify-content:space-between;display:flex}.featured-projects .projects-headline a{font-family:var(--font-secondary);color:var(--primary-color);background-color:var(--secondary-color);border-radius:5px;align-self:center;padding:5px 15px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s}.featured-projects .projects-headline a:hover{color:var(--primary-color);outline:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);background-color:#0000;transform:scale(1.1)}.featured-projects .projects-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px;display:grid}.featured-projects .project-card{background-color:var(--secondary-color);outline:2px solid var(--border-color);border-radius:5px;flex-direction:column;justify-content:start;align-items:start;padding:0;transition:all .3s;display:flex;overflow:hidden}.featured-projects .project-card:hover{box-shadow:0 0 15px var(--primary-color);transform:scale(1.05)}.featured-projects .project-card .showcase-img{object-fit:cover;width:100%;height:250px;display:block}.featured-projects .project-card .project-content{border:none;flex-direction:column;align-items:center;display:flex}.project-content .project-keys{gap:10px;margin-bottom:10px;list-style:none;display:flex}.project-content .project-keys li{background-color:var(--primary-color);font-family:var(--font-secondary);color:var(--background-color);border-radius:5px;padding:5px 10px;font-size:.8rem;transition:all .3s}.project-content h4{font-family:var(--font-primary);color:var(--text-color);margin-bottom:5px;font-size:1.2rem}.project-content p{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:.85rem}.project-content a{font-family:var(--font-secondary);font-size:.9rem;font-weight:5 0;color:var(--primary-color);gap:5px;margin-top:10px;text-decoration:none;transition:all .3s;display:flex}.project-content a img{object-fit:contain;align-self:center;width:15px;height:15px}.project-content a:hover{color:var(--primary-color);font-weight:900}@media (max-width:1000px){.featured-projects .projects-container{flex-direction:column;display:flex}}@media (max-width:700px){.featured-projects .projects-headline{flex-direction:column;align-items:center;gap:15px}.projects-headline{text-align:center}}section.connect{grid-template-columns:1fr 1fr;gap:50px;display:grid}.connect .connect-info{flex-direction:column;justify-content:center;gap:20px;display:flex}.connect .connect-info p{font-family:var(--font-secondary);color:var(--text-color-tertiary);font-size:1.05rem;line-height:30px}.connect-info .contact-medium{flex-direction:row;align-content:center;gap:20px;display:flex}.contact-medium .img-medium{background-color:var(--secondary-color);border-radius:10px;padding:0 10px;animation:3s infinite pulse;display:flex}@keyframes pulse{0%{box-shadow:0 0 #764ad5b3}70%{box-shadow:0 0 0 5px #764ad500}to{box-shadow:0 0 #764ad500}}.contact-medium .img-medium img{object-fit:contain;align-self:center;width:25px;height:25px}.contact-medium .medium-info h4{font-family:var(--font-primary);color:var(--text-color-secondary);font-size:.85rem}.contact-medium .medium-info a{font-family:var(--font-secondary);color:var(--primary-color);font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.contact-medium .medium-info a:hover{font-weight:900}form.send-message-form{background-color:var(--secondary-color);border-radius:10px;flex-direction:column;justify-content:center;gap:15px;margin:0 25px;padding:30px 40px;display:flex}.send-message-form .name-email{justify-content:space-between;gap:20px;display:flex}.name-email .name-input,.name-email .email-input{flex-direction:column;gap:5px 20px;width:100%;display:flex}.name-email .name-input label,.name-email .email-input label{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:1rem;font-weight:500}.name-email .name-input input,.name-email .email-input input{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-secondary);border:none;border-radius:5px;outline:none;padding:12px 10px;font-weight:400;transition:all .5s;box-shadow:0 0 5px #00000080}.name-email .name-input input::placeholder,.name-email .email-input input::placeholder{color:var(--text-color-tertiary)}.send-message-form .message-input{flex-direction:column;gap:5px;display:flex}.send-message-form .message-input label{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:1rem;font-weight:500}.send-message-form .message-input textarea{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-secondary);resize:none;border:none;border-radius:5px;outline:none;padding:12px 10px;font-weight:400;transition:all .5s;box-shadow:0 0 5px #00000080}.send-message-form .message-input textarea::placeholder{color:var(--text-color-tertiary)}.name-input input:focus,.email-input input:focus,.message-input textarea:focus{outline:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.send-message-form button{background-color:var(--primary-color);width:100%;color:var(--background-color);font-family:var(--font-secondary);cursor:pointer;border:none;border-radius:5px;align-self:center;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.send-message-form button:hover{color:var(--primary-color);outline:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);background-color:#0000;transform:scale(1.05)}@media (max-width:900px){section.connect{flex-direction:column;gap:30px;display:flex}section.connect .connect-info h2{text-align:center}form.send-message-form{margin:0 10px;padding:20px}.contact-medium .medium-info a{font-size:.9rem}.send-message-form .name-email{flex-direction:column;gap:15px}}
header{padding:25px 25px 10px}h1{font-family:var(--font-impact);color:var(--text-color);font-size:3rem}h1 span{color:var(--primary-color)}header p{font-family:var(--font-secondary);color:var(--text-color);font-size:1.1rem}main{flex-direction:column;gap:15px;margin-bottom:60px;padding:0 25px;display:flex}main .filter-tech{flex-flow:wrap;gap:15px;margin-bottom:20px;display:flex}main .filter-tech button.filter-btn{border:var(--border-section);color:var(--text-color);font-family:var(--font-secondary);cursor:pointer;background-color:#0000;border-radius:5px;padding:5px 10px;font-size:.9rem;transition:all .3s}main .filter-tech button.filter-btn:hover{color:var(--primary-color);outline:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);font-weight:600;transform:scale(1.1)}main .filter-tech button.active{background-color:var(--primary-color);color:var(--background-color);border:none;font-weight:600}main .project-container{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;padding:0 40px;display:grid}.project-card{background-color:var(--secondary-color);outline:2px solid var(--border-color);border-radius:5px;flex-direction:column;justify-content:start;align-items:start;padding:0;transition:all .3s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 0 15px var(--primary-color);transform:scale(1.05)}.project-card .showcase-img{object-fit:cover;width:100%;height:250px;display:block}.project-card .project-content{padding:20px}.project-content .project-keys{gap:10px;margin-bottom:10px;list-style:none;display:flex}.project-content .project-keys li{background-color:var(--primary-color);font-family:var(--font-secondary);color:var(--background-color);border-radius:5px;padding:5px 10px;font-size:.8rem;transition:all .3s}.project-content h4{font-family:var(--font-primary);color:var(--text-color);margin-bottom:5px;font-size:1.2rem}.project-content p{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:.85rem}.project-content a{font-family:var(--font-secondary);font-size:.9rem;font-weight:5 0;color:var(--primary-color);gap:5px;margin-top:10px;text-decoration:none;transition:all .3s;display:flex}.project-content a img{object-fit:contain;align-self:center;width:15px;height:15px}.project-content a:hover{color:var(--primary-color);font-weight:900}@media (max-width:900px){header p{text-align:center}main .filter-tech{justify-content:center}}@media (max-width:600px){header h1{text-align:center;font-size:2.5rem}main .project-container{flex-direction:column;gap:20px;padding:0;display:flex}}
header{padding:25px}h1{font-family:var(--font-impact);color:var(--text-color);font-size:3rem}h1 span{color:var(--primary-color)}header p{font-family:var(--font-secondary);color:var(--text-color);margin-top:0;font-size:1.1rem}main{flex-direction:row;justify-content:space-between;margin-bottom:60px;padding:0 25px;display:flex}.professional-journey{flex-direction:column;width:65%;display:flex}.professional-journey h2{font-family:var(--font-primary);color:var(--text-color);align-items:center;gap:10px;margin-bottom:10px;font-size:1.7rem;display:flex}.professional-journey img:first-child{object-fit:contain;width:30px;height:30px}.professional-journey .experience{flex-direction:column;gap:30px;display:flex}.experience .experience-item{flex-direction:row;gap:10px;display:flex}.experience-item .time-line{flex-direction:column;place-items:center;display:flex}.time-line .circle{background-color:var(--tertiary-color);border-radius:50%;width:15px;height:15px}.time-line .line{background-color:var(--tertiary-color);width:2px;height:100%}.current{background-color:var(--primary-color)!important}.experience-data{flex-direction:column;gap:3px;display:flex}.experience-data .dates{font-family:var(--font-secondary);color:var(--text-color-tertiary);font-size:.9rem;font-weight:500}.experience-data .job-position{font-family:var(--font-primary);color:var(--text-color);font-size:1.2rem}.experience-data .company{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:1rem;font-weight:400}.experience-data .job-description{font-family:var(--font-secondary);color:var(--text-color-tertiary);font-size:1rem}.skills-education{flex-direction:column;justify-items:center;gap:20px;width:35%;padding:0 50px;display:flex}.skills-education .technical-skills,.skills-education .soft-skills,.skills-education .education{flex-direction:column;gap:5px;display:flex}.skills-education h2{font-family:var(--font-primary);color:var(--text-color);align-items:center;gap:10px;font-size:1.5rem;display:flex}.skills-education h2 img{object-fit:contain;width:30px;height:30px}.technical-skills .tech-skill-item{flex-direction:column;gap:10px;display:flex}.tech-skill-item .tech-skill-data{flex-direction:row;justify-content:space-between;display:flex}.tech-skill-data p:not(.percentage){font-family:var(--font-secondary);color:var(--text-color);font-size:.95rem}.tech-skill-data .percentage{font-family:var(--font-tertiary);color:var(--primary-color);font-size:.95rem;font-weight:500}.tech-skill-item .progress-bar{background-color:var(--secondary-color);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar .progress{background-color:var(--primary-color);border-radius:4px;height:100%}.soft-skills{margin-top:0}.soft-skills .skills-list{border-radius:5px;flex-flow:wrap;justify-content:start;align-items:start;gap:10px 20px;padding:10px 30px;list-style:none;display:flex}.skills-list li{font-family:var(--font-secondary);color:var(--text-color);background-color:var(--secondary-color);border-radius:10px;padding:5px 10px;font-size:.8rem;transition:all .3s}.skills-list li:hover{background-color:var(--background-color);outline:1px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);color:#fff;transform:scale(1.05)}.skills-education .education{gap:15px}.skills-education .education .education-item{background-color:var(--secondary-color);border-radius:10px;flex-direction:column;padding:20px;transition:all .3s;display:flex}.education-item .degree{font-family:var(--font-primary);color:var(--text-color);font-size:1.1rem}.education-item .institution{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:.85rem;font-weight:400}.education-item .generation{font-family:var(--font-secondary);color:var(--primary-color);font-size:.8rem;font-weight:500}.skills-education .education .education-item:hover{background-color:var(--backgound-color);outline:1px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);transform:scale(1.05)}@media (max-width:900px){header p{text-align:center}main{flex-direction:column;gap:30px}.professional-journey,.skills-education{width:100%;padding:0 20px}}@media (max-width:600px){header h1{text-align:center;font-size:2.5rem}}
header{padding:25px 25px 10px!important}h1{font-family:var(--font-impact)!important;color:var(--text-color)!important;font-size:3rem!important}h1 span{color:var(--primary-color)!important}header p{font-family:var(--font-tertiary)!important;color:var(--primary-color)!important;font-size:1.2rem!important;font-weight:500!important}main{flex-direction:column!important;gap:15px!important;margin-bottom:60px!important;padding:0 25px!important;display:flex!important}main .about-p{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:1rem;line-height:1.5}hr{margin:20px 0!important}section.values,section.hobbies{flex-direction:column;gap:20px;display:flex}.hobbies{gap:5px}section.values h2,.hobbies h2{font-family:var(--font-primary)!important;color:var(--text-color)!important;font-size:1.7rem!important}.values .values-container,.hobbies .hobbies-container{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}.values-container .value-item,.hobbies-container .hobbie{background-color:var(--secondary-color);border-radius:10px;flex-direction:column;justify-content:start;gap:10px;padding:20px;transition:all .3s;display:flex}.values-container .value-item:hover,.hobbies-container .hobbie:hover{outline:2px solid var(--primary-color);background-color:var(--background-color);box-shadow:0 4px 10px var(--primary-color);transform:translateY(-5px)}.value-item h3,.hobbie h3{font-family:var(--font-tertiary)!important;color:var(--text-color)!important;align-items:center!important;gap:10px!important;font-size:1.2rem!important;display:flex!important}.value-item img,.hobbie img{object-fit:contain;width:30px;height:30px}.value-item p,.hobbie p{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:.9rem;line-height:1.4}section.get-in-touch{text-align:center;background-color:var(--secondary-color);border-radius:10px;flex-direction:column;align-items:center;gap:15px;margin:50px 150px 0;padding:30px;display:flex}section.get-in-touch h2{font-family:var(--font-impact);color:var(--text-color);font-size:1.8rem}section.get-in-touch p{font-family:var(--font-secondary);color:var(--text-color-secondary);font-size:1rem}section .get-in-touch-buttons{justify-content:center;gap:30px;display:flex}section.get-in-touch a{font-family:var(--font-tertiary);background-color:var(--background-color);border:2px solid var(--primary-color);font-size:1rem;font-weight:600;font-family:var(--font-secondary);color:var(--primary-color);border-radius:10px;padding:10px 20px;text-decoration:none;transition:all .3s;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #764ad5b3}70%{box-shadow:0 0 0 10px #764ad500}to{box-shadow:0 0 #764ad500}}section.get-in-touch a:hover{color:var(--text-color);transform:scale(1.1)}@media (max-width:1000px){section.values .values-container,section.hobbies .hobbies-container{flex-direction:column;padding:0 20px}h1,h2,header h3,header p,.about-p{text-align:center}section.get-in-touch{margin:30px 20px 0}}@media (max-width:600px){section .get-in-touch-buttons{flex-direction:column;gap:20px}}
.navbar{z-index:100;color:var(--text-color);border-bottom:var(--border-section);background-color:var(--background-color);flex-wrap:wrap;justify-content:space-between;padding:10px 20px;display:flex;position:sticky;top:0}.navbar .icon img{width:40px;height:40px}.navbar .icon{color:#fff;text-align:start;align-items:center;font-size:20px;display:flex}.navbar .icon h3{vertical-align:middle;color:#fff;font-family:var(--font-primary);margin-left:10px;font-size:2rem;font-weight:500}.navbar .buttons{justify-content:flex-end;align-items:center;display:flex}.navbar .buttons a{font-family:var(--font-secondary);color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-right:2rem;padding:10px;font-size:1.05rem;text-decoration:none;transition:all .3s}.navbar .buttons a:hover{color:var(--secondary-color);border-bottom:3px solid var(--secondary-color);background-color:var(--primary-color);border-radius:5px;font-weight:500}.navbar .buttons a:hover:last-child{background-color:#0000;border-bottom:#0000;font-weight:500;border-radius:0!important}.navbar .buttons a.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color);border-radius:5px;font-weight:600}.navbar .buttons a.active:hover{color:var(--primary-color);border-bottom:3px solid var(--primary-color);background-color:var(--background-color);cursor:default;border-radius:5px;font-weight:600}.navbar .buttons .profile-icon{margin-bottom:0;margin-right:0;padding-bottom:0}.navbar .buttons .profile-icon img{object-fit:cover;border-radius:5px;width:40px;height:40px;transition:all .3s}.navbar .buttons .profile-icon img:hover{outline:3px solid var(--primary-color);border-radius:50px}.navbar .buttons .profile-icon:hover{border-radius:50%;margin-right:0}.menu-hamburger{cursor:pointer;align-self:center;width:40px;height:40px;transition:all .3s;display:none}.menu-hamburger:hover{filter:invert(40%);transform:scale(1.2)}@media (max-width:950px){.navbar{flex-direction:row;justify-content:space-between;display:flex}.navbar .buttons{display:none}.menu-hamburger{display:flex}}@media (max-width:600px){.navbar .icon h3{color:#fff;font-family:var(--font-primary);margin-left:10px;font-size:1.5rem;font-weight:500}.navbar .icon img{width:30px;height:30px}}
footer{background-color:var(--secondary-color);border-top:2px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex}footer .icon img{width:35px;height:35px}footer .icon{color:#fff;text-align:start;align-items:center;font-size:20px;display:flex}footer .icon h3{vertical-align:middle;color:#fff;font-family:var(--font-primary);margin-left:10px;font-size:1.3rem;font-weight:500}footer .copyright{font-family:var(--font-secondary);text-align:center;color:var(--text-color-secondary);font-size:.8rem}footer .footer-links{gap:20px;display:flex}.footer-links a{font-family:var(--font-secondary);color:var(--text-color-secondary);cursor:pointer;font-size:.85rem;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--primary-color);font-weight:500}@media (max-width:1020px){footer{text-align:center;padding:20px}footer .copyright{text-align:end}footer .footer-links{justify-content:center;margin-top:10px;display:none}}@media (max-width:700px){footer{text-align:center;flex-direction:column;padding:20px}footer .copyright{text-align:center}footer .footer-links{justify-content:center;margin-top:10px;display:none}footer br{display:none}}