@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.about{margin-bottom:2rem;text-align:center}.about h2{color:var(--primary);margin:2rem 0;text-align:center}.about__me,.about__personal{text-align:center}.about__image{margin-top:2rem;width:80%}@media (min-width: 768px){.about{font-size:1.2rem}.about__image{width:50%}}@media (min-width: 1024px){.about{font-size:1.3rem;margin-bottom:5rem}.about h2{font-size:2rem}.about__image{width:50%}.about__me{display:flex;flex-direction:row;align-items:center;gap:2rem}.about__personal{display:flex;flex-direction:row-reverse;align-items:center;gap:2rem}}.contact{margin-bottom:2rem;text-align:center}.contact h2{color:var(--primary);margin:2rem 0;text-align:center}.contact .container{display:flex;flex-direction:column}.contact__icons{margin:2rem 0;display:flex;justify-content:center;align-items:center}.contact__icons img{margin:0 1rem;width:40px}@media (min-width: 768px){.contact{font-size:1.5rem}.contact h2{font-size:2rem}.contact .container{flex-direction:row;justify-content:center;align-items:center}.contact__text,.contact__icons{width:100%}.contact__icons img{width:80px;margin:0 2rem}}.footer{text-align:center;padding:1rem 0}.footer__link{color:var(--primary)}.home__container{align-items:center;display:flex;flex-direction:column;justify-content:center;height:calc(100svh - var(--nav-height))}.home__greetings{font-size:1rem;margin-top:1rem}.home__intro-name{font-size:1.25rem;margin-bottom:.4rem}.home__intro-title{color:var(--accent);font-size:2rem}.home__intro-text{margin:1rem 0}.home__profile-picture{margin-top:1.5rem}.home__profile-picture img{border:5px solid var(--primary);border-radius:50%;height:250px;width:250px;margin-top:2rem}@media (min-width: 768px){.home__container{flex-direction:row;justify-content:space-around}.home__greetings{width:80%}.home__intro-text{font-size:1.2rem}.home__profile-picture{margin-top:0;text-align:center}.home__profile-picture img{height:auto;width:80%}}@media (min-width: 1024px){.home__intro-name{font-size:1.75rem;margin-bottom:.4rem}.home__intro-title{font-size:3rem}.home__intro-text{font-size:1.5rem}}.hero__button{background-color:#fff;border:1px solid var(--black);border-radius:10px;color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:700;padding:.8rem 2.4rem;position:relative;text-transform:uppercase;width:100%;margin-top:1rem}.hero__button:before{background-color:var(--primary);border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:-1}.hero__button:hover:before{transform:translate(1%,12%)}@media (max-width: 768px){.hero__button:before{transform:translate(2%,12%)}}.header{background-color:var(--background);left:0;top:0;width:100%;z-index:1000}.nav{align-items:center;display:flex;height:var(--nav-height);justify-content:space-between;font-size:1.2rem}.nav__logo img{width:5rem}.nav__toggle{display:none}.nav__list{list-style:none;display:flex}.nav__item{margin-right:20px}.nav__link:hover{text-decoration:underline;color:var(--primary)}@media (min-width: 1024px){.nav__logo img{width:7rem}.nav__item{font-size:1.5rem}}@media (max-width: 768px){.nav__toggle{display:block}.nav__menu{background-color:var(--background);border-radius:0 0 1rem 1rem;box-shadow:0 2px 4px var(--primary);left:0;padding-top:1.5rem;position:fixed;text-align:center;top:-100%;transition:.3s;width:100%;z-index:1000}.show-menu{top:3rem}.nav__list{display:block}.nav__item{margin-right:0;margin-bottom:1.5rem}.nav__toggle{color:var(--black);cursor:pointer;font-size:1.2rem;font-weight:900}.nav__toggle:hover{color:var(--accent);transition:.3s ease}}.projects{margin-bottom:2rem}.projects h2{color:var(--primary);margin:2rem 0;text-align:center}.projects__cards-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media (min-width: 768px){.projects h2{font-size:2.2rem}.projects__cards-container{flex-direction:row;flex-wrap:wrap}}.projects__card{background-color:#fff;border:1px solid var(--black);border-radius:10px;display:flex;flex-direction:column;height:440px;justify-content:space-between;margin-bottom:1rem;position:relative;width:320px}.projects__card:before{background-color:var(--primary);border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;transform:translate(2%,2%);width:100%;z-index:-1}.projects__card-header{height:42%}.projects__card-header img{border-radius:10px 10px 0 0;height:100%;object-fit:cover;width:100%}.projects__card__body{height:58%;padding:1rem}.projects__card-info-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:start;margin-top:1rem}.projects__card-info-tags button,.projects__card-deploy-button,.projects__card-github-button{border:none;border-radius:1rem;color:#fff;font-weight:500;padding:0 1rem}.projects__card-info-text{height:100px;margin-top:1rem}.scroll-text{overflow-y:scroll}.projects__card-access{text-align:right}.projects__card-access button{margin-right:1rem;text-align:right}.projects__card-deploy-button{background-color:var(--primary)}.projects__card-github-button{background-color:var(--black)}.HTML-tag{background-color:#e96228}.CSS-tag{background-color:#2862e9}.JAVASCRIPT-tag{background-color:#f7e025}.BOOTSTRAP-tag{background-color:#6528e0}.REACT.JS-tag{background-color:#58c4dc}.TAILWIND-tag{background-color:#38bdf8}.API-tag{background-color:#aad742}.TYPESCRIPT-tag{background-color:#2f74c0}.NODE.JS-tag{background-color:#8bbf3d}.RESPONSIVE-tag{background-color:gray}.stack{margin:5rem 0;text-align:center}.stack h2{color:var(--primary);margin:2rem 0;text-align:center}.stack h3{color:var(--primary);margin-top:5rem;text-align:center}.stack__container{display:flex;flex-flow:wrap;justify-content:space-around;align-items:center;gap:2rem;margin-top:2rem}.stack__container-imagebox{text-align:center}.stack__container-imagebox img{width:5rem}@media (min-width: 768px){.stack{font-size:1.5rem}.stack h2{margin-bottom:5rem}.stack__container{justify-content:center;gap:2rem}}@keyframes slideAnimation{0%{transform:translate(0)}to{transform:translate(-100%)}}.tags-container{overflow:hidden;padding:50px 0 15px;background:#fff;white-space:nowrap;position:relative;width:100%}.tags-container:before,.tags-container:after{position:absolute;top:0;width:100px;height:100%;content:"";z-index:1}.tags-container:before{left:0;background:linear-gradient(to left,#fff0,#fff)}.tags-container:after{right:0;background:linear-gradient(to right,#fff0,#fff)}.tags-container:hover .tags-slide{animation-play-state:paused}.tags-slide{display:inline-block;animation:slideAnimation 20s infinite linear}.tag-button{background-color:#000;border-radius:5px;border:none;color:#fff;font-family:Poppins;font-size:16px;font-weight:400;height:40px;padding:5px;width:200px;margin:0 7px}:root{--nav-height: 3rem;--text: rgb(26, 26, 26);--primary: rgb(255, 56, 56);--black: rgb(26, 26, 26);--accent: rgb(255, 19, 19);--background: white}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{display:flex;justify-content:center;flex-direction:column}a{color:inherit;text-decoration:none}.container{margin-left:1.25rem;margin-right:1.25rem;max-width:1200px}hr{border-top:2px solid var(--black);margin:5rem auto 3rem;width:85%}@media (min-width: 1200px){hr{width:100%}}@media (min-width: 1200px){body{align-items:center}}