.about{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%}.about h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.about p{font-size:1.2rem;font-weight:500;margin-bottom:2rem;text-align:justify}.about .about-links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:100%;margin-bottom:2rem}.about .about-links a{font-size:1.2rem;font-weight:700;margin-right:1.5rem;text-decoration:none;transition:all .2s ease-in-out}.about .about-links a:hover{transform:translateY(-5px)}@media screen and (min-width: 320px) and (max-width: 480px){.about h1{font-size:1.5rem}.about .about-links a{font-size:1rem}}.experience{margin-top:4rem;margin-bottom:2rem;width:100%;max-width:1200px}.experience-container-grid{margin-top:2rem;display:grid;grid-template-rows:repeat(auto-fill,1fr)}.experience-container-grid .experience-card{padding:20px;transition:all .2s ease-in-out;border-radius:5px;border:1px solid;position:relative;overflow:hidden}.experience-container-grid .experience-card:hover{transform:translateY(-5px)}.experience-container-grid .job-title-duration-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.experience-container-grid .job-title-duration-section .job-title{font-size:1.2rem;font-weight:700}.experience-container-grid .job-title-duration-section .duration{font-size:1rem;font-style:italic}.experience-card .experience-description{margin-top:1rem;text-align:justify}@media screen and (min-width: 320px) and (max-width: 480px){.experience-container-grid .job-title-duration-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.experience-container-grid .job-title-duration-section .job-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}}footer{margin-top:4rem;padding-bottom:2rem}footer p{text-align:center}footer p span{font-weight:700}.navbar{display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:1rem;margin-bottom:5rem}.nav-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;list-style:none}.nav-list li{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:1.2rem;font-weight:500;cursor:pointer}.nav-list li a{text-decoration:none;transition:all .2s ease-in-out}.nav-list li a:hover{transform:translateY(-5px)}.logo h1{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;cursor:pointer;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out}.logo h1:hover{-webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}@media screen and (min-width: 320px) and (max-width: 768px){.nav-list{display:none}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1;padding:1rem}.mobile-menu-content li{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:1.2rem;font-weight:500;cursor:pointer}.mobile-menu-content li a{text-decoration:none;transition:all .2s ease-in-out}.mobile-menu-content li a:hover{transform:translateY(-5px)}.mobile-menu-toggle-close{margin-bottom:2rem}}@media screen and (min-width: 769px){.mobile-menu{display:none}}.projects{margin-top:2rem;padding:0;width:100%;max-width:1200px}.container-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}.container-grid .project-card{padding:20px;transition:all .2s ease-in-out;border-radius:5px;border:1px solid;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.container-grid .project-card:hover{transform:translateY(-5px)}.container-grid .project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:all .2s ease-in-out}.container-grid .project-card .project-title{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:10px}.container-grid .project-card .project-description{font-size:1rem;line-height:1.5;margin-bottom:2rem;text-align:justify}.container-grid .project-card .technology-stack{font-weight:500;margin-bottom:2rem;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.container-grid .project-card .technology-stack span{margin-right:10px;margin-bottom:10px}.container-grid .project-links{display:flex;align-items:center;justify-content:center}.container-grid .project-links a{margin-right:10px}.skills{margin-top:4rem;margin-bottom:2rem}.skills-container-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}.skills-container-grid .skills-card{padding:20px;transition:all .2s ease-in-out;border-radius:5px;border:1px solid;position:relative;overflow:hidden}.skills-container-grid .skills-card:hover{transform:translateY(-5px)}.skills-container-grid .skills-card .skills-title{font-size:1.2rem;font-weight:700;margin-bottom:10px}.skills-container-grid .skills-card .skills-stack{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.skills-container-grid .skills-card .skills-stack span{margin-right:10px;margin-bottom:10px}@media (max-width: 768px){.skills-container-grid .skills-card .skills-stack{justify-content:center;align-items:center}.skills-container-grid .skills-card .skills-title{text-align:center}}:root{--light-theme-background: rgb(255, 255, 255);--light-theme-color: #000000;--dark-theme-background: #000000;--dark-theme-color: rgb(255, 255, 255)}.app{font-family:Noto Sans Mono,monospace;line-height:1.5}#light{background-color:var(--light-theme-background);color:var(--light-theme-color)}#dark{background-color:var(--dark-theme-background);color:var(--dark-theme-color)}main{max-width:1100px;width:95%;margin:0 auto}.typescript{background-color:#2e72bb;color:#fff}.expressjs{background-color:#3c4852;color:#fff}.nextjs{background-color:#000;color:#fff}.reactjs{background-color:#5bceee;color:#fff}.mui{background-color:#0180ff;color:#fff}.git{background-color:#e34c2f;color:#fff}.nodejs{background-color:#86bf43;color:#fff}.javascript{background-color:#ead41c;color:#fff}.css{background-color:#1f8ee7;color:#fff}.html{background-color:#d94924;color:#fff}.mongodb{background-color:#07ac4e;color:#fff}.postgresql{background-color:#2f5c8b;color:#fff}.firebase{background-color:#f19d0e;color:#fff}.jest{background-color:#c03a14;color:#fff}.cicd{background-color:#423f7a;color:#fff}.adobe-xd{background-color:#430135;color:#fff}.strapi{background-color:#8d75ff;color:#fff}.jwt{background-color:#d63aff;color:#fff}.contact{margin-top:4rem;margin-bottom:2rem}.contact .contact-me{transition:all .2s ease-in-out}.contact .contact-me:hover{transform:translateY(-5px)}.contact .contact-me h1{cursor:pointer;font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center}.contact .contact-me h1 a{text-decoration:none}*{padding:0;margin:0;border:0;background-color:inherit;color:inherit;box-sizing:border-box}html{scroll-behavior:smooth}ul{list-style-type:none}a{text-decoration:none;color:inherit}