@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.app__about{flex-direction:column;justify-content:center;gap:1rem}.app__about strong{color:var(--accent-color)}.app__about .app__about-container{display:grid;grid-template-columns:1fr;gap:2rem}.app__about .app__about-container .text-container{display:flex;flex-direction:column;justify-content:center;gap:1rem}.app__about .app__about-container .image-container{display:none}.app__about .app__about-container .image-container img{width:100%}@media screen and (min-width: 1024px){.app__about .app__about-container .image-container{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (min-width: 1024px){.app__about .app__about-container{grid-template-columns:2fr 1fr}}.app__contact{flex-direction:column;align-items:center;justify-content:center;gap:1rem}.app__contact form{width:60%;display:flex;flex-direction:column;gap:1rem}.app__contact form input{width:100%;height:3rem;padding:1rem;border:1px solid var(--secondary-color);border-radius:.5rem;outline:none;background-color:var(--primary-color);color:var(--text-color);transition:all .3s ease-in-out}.app__contact form input::placeholder{color:var(--secondary-color);opacity:1}.app__contact form input:focus{border:1px solid var(--accent-color)}.app__contact form textarea{width:100%;height:10rem;padding:1rem;border:1px solid var(--secondary-color);border-radius:.5rem;outline:none;background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-base);transition:all .3s ease-in-out}.app__contact form textarea::placeholder{color:var(--secondary-color);opacity:1}.app__contact form textarea:focus{border:1px solid var(--accent-color)}.app__contact form .checked{color:var(--accent-color)}.app__contact form .unchecked{color:var(--secondary-color)}.app__contact form small{margin:.25rem 0 0 .25rem;display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.app__contact form button{width:100%;height:3rem;border:none;border-radius:.5rem;background-color:var(--accent-color);color:var(--primary-color);text-transform:uppercase;font-size:1.125rem;font-weight:500;transition:all .3s ease-in-out}.app__contact form button:hover{background-color:var(--text-color)}.app__contact form button:disabled{background-color:var(--secondary-color)}.app__header{flex-direction:column;justify-content:center;gap:1rem}.app__header .app__header-container{display:grid;grid-template-columns:1fr;gap:2rem}.app__header .app__header-container .text-container{display:flex;flex-direction:column;justify-content:center;gap:1rem}.app__header .app__header-container .text-container .greeting{color:var(--text-color)}.app__header .app__header-container .text-container .introduction{color:var(--accent-color)}.app__header .app__header-container .image-container{display:none}.app__header .app__header-container .image-container img{width:100%}@media screen and (min-width: 1024px){.app__header .app__header-container .image-container{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (min-width: 1024px){.app__header .app__header-container{grid-template-columns:2fr 1fr}}.app__navbar{width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:fixed;z-index:2}.app__navbar-logo{display:flex;align-items:center;justify-content:start}.app__navbar-logo img{width:5rem}.app__navbar-links{display:none}.app__navbar-links li{margin:0 1rem;cursor:pointer;flex-direction:column}.app__navbar-links li div{width:5px;height:5px;margin-bottom:5px;background:transparent;border-radius:50%;transition:all .3s ease-in-out}.app__navbar-links li a{color:var(--secondary-color);text-decoration:none;flex-direction:column;text-transform:uppercase;font-size:.75rem;font-weight:500;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--accent-color)}.app__navbar-links li:hover div{background-color:var(--accent-color)}@media screen and (min-width: 768px){.app__navbar-links{display:flex;align-items:center;justify-content:center}}.app__navbar-menu{width:2rem;height:2rem;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.app__navbar-menu svg{width:1.5rem;height:1.5rem;color:var(--secondary-color);cursor:pointer;transition:all .3s ease-in-out}.app__navbar-menu svg:hover{color:var(--accent-color)}.app__navbar-menu div{width:12rem;height:100vh;padding:1rem;background-color:var(--primary-color);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;position:fixed;top:0;bottom:0;right:0;z-index:4;box-shadow:0 0 20px #52616b40}.app__navbar-menu div svg{width:2rem;height:2rem;color:var(--secondary-color);margin:.5rem 1rem;cursor:pointer;transition:all .3s ease-in-out}.app__navbar-menu div svg:hover{color:var(--accent-color)}.app__navbar-menu div .y-list{list-style:none;padding:0;margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.app__navbar-menu div .y-list li{margin:1rem}.app__navbar-menu div .y-list li a{color:var(--secondary-color);text-decoration:none;font-size:1rem;font-weight:500;text-transform:uppercase;transition:all .3s ease-in-out}.app__navbar-menu div .y-list li a:hover{color:var(--accent-color)}.app__navbar-menu div .x-list{list-style:none;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem}.app__navbar-menu div .x-list li{margin:0}.app__navbar-menu div .x-list li svg{margin:0}@media screen and (min-width: 768px){.app__navbar-menu div{display:none}}@media screen and (min-width: 768px){.app__navbar-menu{display:none}}.app__footer{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.app__footer .app__socials{list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.app__footer .app__socials li{margin:0;cursor:pointer}.app__footer .app__socials li a{color:var(--secondary-color);text-decoration:none;font-size:1rem;font-weight:500;text-transform:uppercase;transition:all .3s ease-in-out}.app__footer .app__socials li a:hover{color:var(--accent-color)}.app__footer .app__copyright{font-size:.75rem;font-weight:400;color:var(--secondary-color)}.app__badge-sm{width:max-content;height:max-content;display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:.25rem;border:.5px solid var(--secondary-color);border-radius:1rem;background-color:var(--primary-color);color:var(--accent-color)}.app__badge-sm img{width:1rem;height:1rem;object-fit:contain;object-position:center}.app__badge-lg{width:max-content;height:max-content;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.5rem;padding:.25rem .5rem;border:.5px solid var(--secondary-color);border-radius:1rem;background-color:var(--primary-color);color:var(--accent-color);cursor:grab}.app__badge-lg img{width:1rem;height:1rem;object-fit:contain;object-position:center}.app__badge-lg span{font-size:.75rem;font-weight:400}.app__project-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--secondary-color);border-radius:.5rem;overflow:hidden}.app__project-card .content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.app__project-card .content-container .project-image{width:100%;height:12rem;object-fit:cover;object-position:top}.app__project-card .content-container .text-container{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.app__project-card .content-container .text-container p{font-size:.75rem;font-weight:400;line-height:1.5;color:var(--secondary-color)}.app__project-card .content-container .badges-container{padding:0 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.app__project-card .links-container{padding:1rem;display:flex;gap:.5rem}.app__button-link{padding:.25rem .5rem;display:inline-block;background-color:var(--primary-color);color:var(--accent-color);border:1px solid var(--secondary-color);border-radius:.5rem;text-decoration:none;font-size:1rem;font-weight:400;transition:all .3s ease-in-out}.app__button-link:hover{background-color:var(--secondary-color);color:var(--primary-color)}.app__projects{flex-direction:column;justify-content:center;gap:1rem}.app__projects .app__projects-container{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media screen and (min-width: 1024px){.app__projects .app__projects-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 640px) and (max-width: 1023px){.app__projects .app__projects-container{grid-template-columns:repeat(2,1fr)}}.app__skills{flex-direction:column;justify-content:center;gap:1rem}.app__skills .skills-experience-container{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}.app__skills .skills-experience-container .skills-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.app__skills .skills-experience-container .experience-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.app__skills .skills-experience-container .experience-container .experience-row{width:100%;display:grid;grid-template-columns:1fr 4fr}.app__skills .skills-experience-container .experience-container .experience-row .experience-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.app__skills .skills-experience-container .experience-container .experience-row .experience-col .work-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}.app__skills .skills-experience-container .experience-container .experience-row .experience-col .work-container h4{font-size:1rem;font-weight:500;color:var(--accent-color)}.app__skills .skills-experience-container .experience-container .experience-row .experience-col .work-container p{font-size:.75rem;font-weight:400;line-height:1.5;color:var(--secondary-color)}@media screen and (min-width: 640px){.app__skills .skills-experience-container{grid-template-columns:repeat(2,1fr)}}.app__wrapper{max-width:1024px;margin:auto}.app{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-base)}.app__primarybg{background-color:var(--primary-color)}.app__secondarybg{background-color:var(--secondary-color)}.app__container{width:100%;min-height:100vh;padding:1rem;display:flex}.app__flex{display:flex;justify-content:center;align-items:center}.copyright{width:100%;padding:2rem 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.copyright p{text-transform:uppercase;color:var(--text-color)}.title-text{font-size:3.75rem;font-weight:800}@media screen and (min-width: 640px){.title-text{font-size:7rem}}.subtitle-text{font-size:1.5rem;font-weight:800;color:var(--accent-color)}@media screen and (min-width: 640px){.subtitle-text{font-size:3rem}}.section-heading{font-size:1.25rem;font-weight:500;color:var(--text-color)}:root{--font-base: "DM Sans", sans-serif;--primary-color: #1e2022;--secondary-color: #52616b;--accent-color: #c9d6df;--text-color: #f0f5f9}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}