.navigation-btn{position:fixed;z-index:1;border:none;display:flex;align-items:center;justify-content:center;flex-direction:column;width:3.7rem;height:3.7rem;top:20px;left:20px;cursor:pointer;border-radius:.5rem;background-color:#fff;opacity:1;padding:1rem .8rem;box-shadow:0 3px 6px 3px rgba(26,26,26,.3)}.navigation-btn:focus,.navigation-btn:hover{opacity:.85}@media (max-width:800px){.navigation-btn{width:3rem;height:3rem}}.icon{width:100%;height:20%;border-radius:.5rem;background-color:var(--col-pink);margin-bottom:.2rem}.navigation-menu-container{background-color:#fff;z-index:1;border-radius:1rem;padding:2rem;text-align:center;margin-top:.5rem;box-shadow:0 3px 6px 3px rgba(26,26,26,.3)}.navigation-menu-item{cursor:pointer;border-radius:.75rem;padding:.2rem 1.3rem}.navigation-menu-item:hover{background-color:rgba(0,0,0,.3)}.main{background-color:var(--col-dark);z-index:1}.socials{margin-top:1rem;display:flex;width:12rem;justify-content:center;grid-gap:3rem;gap:3rem}.socials-icon,.socials>a{cursor:pointer;color:var(--txt-light)}.socials-icon:focus,.socials-icon:hover{transition:color .3s ease-in;color:var(--col-pink)}.down-arrow-container{padding-top:1rem;width:6.25rem;height:6.25rem;transform:rotate(-45deg);display:flex;justify-content:center;align-items:center}.down-arrow{cursor:pointer;animation:bounce 2s .5s infinite none}.triangle{display:flex;align-items:center;justify-content:center;position:absolute;bottom:7vh;height:15vh;width:15vh;background-color:var(--col-light);border-radius:2.5rem;transform:rotate(45deg);box-shadow:0 0 20px 5px hsla(0,0%,100%,.3)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-25px)}60%{transform:translateY(-15px)}}.particles{position:absolute;height:inherit;width:inherit;z-index:-1}.whoami{background-color:var(--col-light)}.whoami-content{width:35vw}.hobies{margin-top:1rem}.hobies,.hobies-two{display:flex;justify-content:space-between}.hobies-two{width:60%}.upper-wave{position:absolute;top:-.5rem}.bottom-ball{position:absolute;bottom:-10vh;left:-5vh;width:20vh;height:20vh;background-color:var(--col-dark);border-radius:50%}@media (max-width:1300px){.whoami-content{width:60vw}.hobies-two{width:75%;display:flex;justify-content:space-between}}@media (max-width:750px){.whoami-content{width:70vw}.hobies{visibility:hidden}}.project-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-left:1rem;margin-right:1rem;margin-bottom:2rem;width:12.5rem;height:16.625rem;border-radius:.625rem;color:var(--col-light);box-shadow:.2rem .5rem 1rem hsla(0,0%,100%,.2)}.no-hover{visibility:hidden}.hover{visibility:visible}.background-img{width:inherit;border-radius:.625rem;position:absolute;height:inherit;opacity:.45}.learn-more{display:flex;position:absolute;bottom:0;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:100%;background-color:rgba(26,26,26,.3);border-radius:.5rem}.learn-more:focus,.learn-more:hover{background-color:rgba(26,26,26,.75)}@media (max-width:800px){.project-card{width:9.375rem;height:12.5rem}}@media (max-width:460px){.project-card{width:7.0625rem;height:9.375rem}}.modal{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:absolute}.modal-container{position:relative;width:40vw;background:hsla(0,0%,100%,.65);box-shadow:1rem 1rem 2rem 0 rgba(194,23,91,.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:1.5rem;padding:1rem}.images-container{display:flex;overflow-x:auto;overflow-y:hidden;align-items:flex-start;background:hsla(0,0%,100%,.15);padding:1rem;cursor:pointer}.images-container,.images-container>img{border-radius:1.5rem;transition:transform .5s}.images-container>img{height:50vh;margin-left:1rem;margin-right:1rem;margin-bottom:1rem}.images-container.expand{transform:scale(110%)}.project-info{margin-left:1rem}.project-info>p{margin:.5em 0}.flex{display:flex}.flex.jc-sb{justify-content:space-between}.flex.ai-c{align-items:center}.techs{display:flex;flex-wrap:wrap}.tech{margin:.5rem;display:flex;justify-content:center;align-items:center;width:5;padding:3px}.link-btn,.tech{background-color:var(--col-light);opacity:.7;border-radius:.4rem}.link-btn{margin-right:.5rem;text-decoration:none;color:var(--col-dark);cursor:pointer}.link-btn:hover{opacity:1}.close-btn{cursor:pointer}.hidden,.shown{transition:transform .6s ease}.hidden{transform:translateX(100vw)}a.link-btn{text-decoration:none;padding:.3rem}@media (max-width:93.75em){.modal-container{width:60vw}.images-container>img{height:45vh}}@media (max-width:62.5em){.modal-container{width:80vw}.images-container>img{height:35vh}.modal-container .project-info>div:first-child{flex-direction:column;align-items:flex-start}.modal-container .project-info>div:first-child .techs i:first-child{margin-left:0}}.projects{background-color:var(--col-dark)}.projects-content{width:50vw;display:flex;flex-direction:column;justify-content:center;text-align:center}.projects-cards-container{margin-top:5rem;display:flex;flex-wrap:wrap;height:60vh;overflow-y:auto;align-items:center;justify-content:center}@media (max-width:1400px){.projects-content{width:80vw}}.skill{display:flex;flex-direction:column;text-align:center;width:24%}.skill-icon{font-size:4rem;color:rgba(26,26,26,.75)}.skill-name{font-size:1rem}div.skills{flex-direction:row;justify-content:space-around;background-color:var(--col-light)}.section,div.skills{display:flex;align-items:center}.section{width:40vw;margin:1rem;text-align:center;justify-content:center}.section,.skills-box{flex-direction:column}.skills-box{width:100%;display:flex}.filters{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:1rem;min-width:100%}.filter{background-color:var(--light-dark);opacity:.8;min-width:30%;margin-left:.3rem;padding:.2rem 0;margin-right:.3rem;margin-top:.3rem;border-radius:.5rem}.filter:hover{cursor:pointer}.filter:hover,p.filter-active{font-weight:600;opacity:1;background-color:var(--col-dark)}.skills-elements-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;height:auto;min-height:55vh;max-height:55vh;overflow-x:hidden;overflow-y:auto}@media (max-width:1100px){.section{align-items:center;width:60vw}.skills-elements-container{height:60vh}}@media (max-width:700px){.section{width:90vw}}*{padding:0;margin:0;font-family:"Poppins",sans-serif;scroll-behavior:smooth}:root{--col-dark:#1a1a1a;--light-dark:#2b2b2b;--text-dark:#242323;--col-light:#fff;--col-pink:#c2185b}.app{overflow-x:hidden}.page{position:relative;height:100dvh;width:100dvw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.txt-pink{color:#c2185b;color:var(--col-pink)}.txt-dark{color:#242323;color:var(--text-dark)}.txt-light{color:#fff;color:var(--col-light)}.txt-sb{font-size:48px}.txt-sm{font-size:36px}.txt-ss{font-size:24px}.txt-wb{font-weight:600}.txt-wm{font-weight:400}.txt-ws{font-weight:200}@media (max-width:800px){.txt-sb{font-size:36px}.txt-sm{font-size:24px}.txt-ss{font-size:18px}}::-webkit-scrollbar{width:.5rem;height:5%rem}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #cecece;border-radius:10px}::-webkit-scrollbar-thumb{background:#7e8182;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:var(--col-pink)}
/*# sourceMappingURL=main.f6de6a4f.chunk.css.map */