@import"https://fonts.cdnfonts.com/css/minecraft-3";@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.cdnfonts.com/css/edit-undo-brk";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.app{position:relative;font-family:Edit Undo BRK,sans-serif}.app .introduction-section{font-family:Minecraft,sans-serif}.change-font,.change-font .introduction-section{font-family:"Exo 2",sans-serif;font-weight:500}body::-webkit-scrollbar{width:9px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#3c5780;border-radius:50px}body::-webkit-scrollbar-thumb:hover{background:#2869cc}:root{--primary-font: "Minecraft", sans-serif;--secondary-font: "Edit Undo BRK", sans-serif;--font-size-small: .8rem;--font-size-regular: 1rem;--font-size-medium: 1.5rem;--font-size-big: 2.8rem}@media (min-width: 700px){:root{--font-size-small: .9rem;--font-size-regular: 1.125rem;--font-size-medium: 1.75rem;--font-size-big: 2.25rem}}@media (min-width: 1024px){:root{--font-size-small: 1rem;--font-size-regular: 1.3rem;--font-size-medium: 2rem;--font-size-big: 3.2rem}}.about-me-section{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#0e2f3f;padding:0 40px;transition:background-color 5s steps(5);overflow:hidden}.about-me-section-trigger{background-color:#16465c}.about-me-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.about-me-text-container{position:relative;opacity:0;transition:all 1s linear;width:100%;height:50%;padding-top:60px;display:flex;justify-content:center;align-items:start;flex-direction:column}.about-me-text-container-trigger{opacity:1}.about-me-title{font-size:calc(var(--font-size-medium) + .6rem);image-rendering:pixelated;border-bottom:2px solid white;margin-bottom:20px;color:#fff;width:100%}.about-me-text{position:relative;font-size:calc(var(--font-size-regular) - .1rem);margin-bottom:20px;z-index:5}.deco-about-me{display:flex;justify-content:end;align-items:center;flex-direction:column;image-rendering:pixelated;-webkit-user-select:none;user-select:none;z-index:4;width:100%;height:50%}.building{display:flex;justify-content:end;align-items:end;scale:.5;transform-origin:bottom center;z-index:1}.sun{position:relative;top:500px;left:30px;transition:all 5s steps(5);z-index:0;opacity:.3;scale:.35}.sun-trigger{opacity:1;top:400px}.clouds{background-image:url(/img-sections/about-me/clouds.png);position:absolute;left:0;bottom:0;background-repeat:repeat-x;width:100%;height:80px;image-rendering:pixelated}@media (max-width: 399px){.about-me-title{font-size:calc(var(--font-size-medium))}.about-me-text{position:relative;font-size:calc(var(--font-size-regular) - .3rem);margin-bottom:20px}.building{scale:.5}.sun{top:600px;scale:.3}.sun-trigger{top:400px}}@media (min-width: 700px){.about-me-section{padding:0 80px}.about-me-text-container-trigger{opacity:1}.about-me-title{font-size:calc(var(--font-size-big) + 1rem)}.about-me-text{font-size:calc(var(--font-size-regular) + .2rem)}.sun{top:400px;left:50px;scale:.7}.sun-trigger{top:150px}.building{scale:.9}}@media (min-width: 1024px){.about-me-container{flex-direction:row}.about-me-text{font-size:calc(var(--font-size-regular) + .3rem);letter-spacing:2px}.deco-about-me{width:100%;height:100%}.sun{top:300px}.sun-trigger{top:0}}@media (min-width: 1280px){.about-me-title{font-size:calc(var(--font-size-medium) + .5rem)}.about-me-text{font-size:calc(var(--font-size-regular) - .1rem)}}@media (min-width: 1920px){.about-me-title{font-size:calc(var(--font-size-medium) + .8rem)}.about-me-text{font-size:calc(var(--font-size-regular));margin-bottom:30px}.building{scale:1}.sun{top:200px}.sun-trigger{top:0}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.about-me-title{font-size:calc(var(--font-size-medium) - .4rem)}.about-me-text{font-size:calc(var(--font-size-regular) - .3rem)}.building{scale:.4}.sun{top:600px;scale:.3}.sun-trigger{top:500px}}.footer-section{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;height:100vh;background-image:url(/img-sections/footer/footer-background.png);letter-spacing:2px;image-rendering:pixelated;background-position:center;background-size:cover;overflow:hidden}.footer-section{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;height:100vh;background-image:url(/img-sections/footer/footer-background-2.png);letter-spacing:2px;image-rendering:pixelated;background-position:center;background-size:cover;overflow:hidden}.footer-contact{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px;width:80%;height:100vh;background-color:#00000080;padding:60px 30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:6;transition:all 1s ease}.footer-contact-close{left:-80%}.footer-contact-title{font-size:calc(var(--font-size-medium) + .5rem);height:100%}.footer-contact-icons{display:flex;justify-content:center;align-items:start;flex-direction:column;width:50%;height:50%}.footer-icons-container{margin:20px 0;margin-right:0!important;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff}.footer-icons-container:hover .footer-text-contact{transform:translate(10px)}.footer-icons-container:hover .footer-icon{scale:1.08}.footer-icon{width:25px;height:25px}.gmail-container{position:relative}.footer-text-contact{font-size:calc(var(--font-size-regular));letter-spacing:3px;margin-left:20px;transition:all .3s ease}.footer-contact-gmail{position:absolute;font-size:calc(var(--font-size-regular) - .2rem);cursor:text;left:-10px;bottom:-30px;font-family:"Exo 2",sans-serif;font-weight:500;color:#fff}.footer-web-created{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;top:30px}.footer-web-created-text{text-align:center;font-size:calc(var(--font-size-regular) - .1rem)}.container-created-web-icon{margin-top:30px;width:100%;display:flex;justify-content:center;align-items:center;gap:30px}.created-web-icon{cursor:pointer;transition:all .2s ease;width:35px;height:35px}.created-web-icon:hover{transform:translateY(-5px)}.slide-button{position:absolute;top:50%;width:35px;height:80px;right:-35px;border:none;outline:none;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;border-left:2px solid rgba(255,255,255,.3);transition:all .5s ease;transform-origin:left}.slide-button:hover{width:50px;right:-50px}.icon-slide{width:20px;height:20px;transform:rotate(-90deg);transition:all .5s ease}.icon-slide-close{transform:rotate(90deg)}.footer-interactive{position:relative;width:100%;height:100%;background-size:cover;background-position:bottom;display:flex;justify-content:center;align-items:end;image-rendering:pixelated}.truman-off{position:relative;width:355px;height:275px;background-image:url(/img-sections/footer/sprite-truman.png);background-repeat:no-repeat;transform-origin:bottom;scale:.7}.active-truman{position:absolute;right:70px;top:0;width:90px;height:150px;cursor:pointer}.truman-text-dialog-off{position:absolute;left:120px;top:-80px;width:230px;background-color:#fff;padding:10px;color:#000;text-align:center;box-shadow:-4px 0 #fff,4px 0 #fff,0 -4px #fff,0 4px #fff;transition:all .8s ease;opacity:0}.truman-text-dialog-on{top:-140px;opacity:1}.truman-arrow-icon{position:absolute;left:45%;bottom:-40px;width:30px;height:30px;animation:arrow 1.5s steps(3) infinite alternate}@keyframes arrow{0%{transform:translateY(0)}to{transform:translateY(10px)}}@media (min-width: 700px){.footer-section{background-image:url(/img-sections/footer/footer-background-2.png)}.footer-contact{width:60%;justify-content:center;padding:100px 30px}.footer-contact-close{left:-60%}.footer-icon{width:40px;height:40px}.footer-text-contact{font-size:calc(var(--font-size-regular) + .3rem)}.footer-contact-gmail{font-size:calc(var(--font-size-regular))}.footer-icons-container{margin:40px 0}.container-created-web-icon{width:50%;display:flex;justify-content:space-around;align-items:center}.created-web-icon{margin:0;width:50px;height:50px}.footer-contact-title{font-size:calc(var(--font-size-medium) + .5rem)}.footer-web-created{margin-top:100px}.footer-web-created-text{font-size:calc(var(--font-size-regular) + .1rem)}.slide-button{position:absolute;top:50%;width:65px;height:120px;right:-65px}.slide-button:hover{width:80px;right:-80px}.icon-slide{width:30px;height:30px}.truman-off{scale:1;transform-origin:bottom}}@media (min-width: 1024px){.footer-contact-title{font-size:calc(var(--font-size-medium) + 1rem)}.footer-contact-gmail{font-size:calc(var(--font-size-regular) + .1rem);left:-0px;bottom:-60px}.footer-web-created-text{font-size:calc(var(--font-size-regular) + .3rem)}.created-web-icon{width:60px;height:60px}}@media (min-width: 1280px){.footer-section{background-image:url(/img-sections/footer/footer-background.png)}.footer-contact{width:35%;justify-content:center;gap:40px}.footer-contact-close{left:-35%}.footer-contact-title{font-size:calc(var(--font-size-medium))}.footer-text-contact{font-size:calc(var(--font-size-regular) - .1rem)}.footer-icons-container{margin:20px 0}.footer-icon{width:30px;height:30px}.footer-contact-gmail{font-size:calc(var(--font-size-regular) - .3rem);left:-0px;bottom:-30px}.footer-web-created{margin-top:0}.footer-web-created-text{font-size:calc(var(--font-size-regular) - .2rem)}.slide-button{position:absolute;top:50%;width:55px;height:120px;right:-55px}.slide-button:hover{width:65px;right:-65px}.created-web-icon{width:45px;height:45px}}@media (min-width: 1920px){.footer-contact{width:30%;justify-content:center;gap:40px}.footer-contact-close{left:-30%}.footer-contact-title{font-size:calc(var(--font-size-medium) + .5rem)}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.footer-contact{width:30%;justify-content:center;gap:40px}.footer-contact-close{left:-30%}.footer-contact-title{font-size:calc(var(--font-size-medium) - .5rem)}.footer-icons-container{margin:10px 0}.footer-text-contact{font-size:calc(var(--font-size-regular) - .4rem)}.footer-icon{width:25px;height:25px}.footer-contact-gmail{font-size:calc(var(--font-size-regular) - .6rem)}.footer-web-created{margin-top:0}.footer-web-created-text{font-size:calc(var(--font-size-regular) - .4rem)}.created-web-icon{width:30px;height:30px}.slide-button{position:absolute;top:50%;width:45px;height:80px;right:-45px}.slide-button:hover{width:80px;right:-80px}.icon-slide{width:20px;height:20px}}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#0006;z-index:10;padding:8px 20px}.header-trigger{opacity:1}.logos-container{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:20px}.logo{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px}.logo-img{width:30px;height:30px;image-rendering:pixelated}.logo-text{font-size:calc(var(--font-size-medium));color:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.button-change-font{position:absolute;bottom:-100%;right:0%;display:flex;justify-content:center;align-items:center;width:25px;height:25px;cursor:pointer;transition:all .2s linear;margin-right:15px}.font-icon{width:100%;height:100%;filter:brightness(.7);transition:all .2s linear}.button-change-font:hover .font-icon{scale:1.1}.font-icon-on{filter:brightness(1)}.button-change-font span{display:block;position:absolute;left:-15px;width:300%;height:200%;border-top-left-radius:25%;border-bottom-left-radius:25%;background-color:#0003;pointer-events:none}.nav-bar{position:absolute;top:0;right:-70%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;width:70%;height:100vh;text-decoration:none;background-color:#24022580;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s ease}.nav-bar-on{right:0%}.header-section{cursor:pointer;transition:all .4s ease;font-size:var(--font-size-regular);border-bottom:2px solid rgba(255,255,255,0);letter-spacing:2px;text-decoration:none;color:#fff;text-align:center}.header-section:hover{scale:1.06}.header-actual-section{border-bottom:2px solid rgb(255,255,255)}.menu{width:25px;height:25px;display:flex;justify-content:center;align-items:center;cursor:pointer}.menu img{width:100%;height:auto;cursor:pointer;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}@media (min-width: 700px){.header{padding:20px 50px}.logo-img{width:40px;height:40px;image-rendering:pixelated}.logo-text{font-size:calc(var(--font-size-medium) + .3rem);color:#fff}.button-change-font{width:35px;height:35px}.menu{width:45px;height:45px}.nav-bar{gap:100px}.header-section{font-size:calc(var(--font-size-medium))}}@media (min-width: 1024px){.header{padding:25px 0;justify-content:space-around}.logo-text{font-size:calc(var(--font-size-medium) - .1rem)}.button-change-font{width:45px;height:45px}.button-change-font span{display:block;position:absolute;left:-20px;width:300%;height:200%;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:#0003;pointer-events:none}.nav-bar{position:relative;top:auto;right:auto;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;gap:20px;width:auto;height:auto;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.header-section{font-size:calc(var(--font-size-regular))}.menu{display:none}}@media (min-width: 1280px){.header{padding:15px 0;justify-content:space-around}.button-change-font{width:30px;height:30px}.nav-bar{gap:50px}.header-section{font-size:calc(var(--font-size-regular) - .1rem)}}@media (min-width: 1920px){.header{padding:15px 120px;justify-content:space-between}.nav-bar{gap:100px}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.header{padding:10px 0}.logo-img{width:30px;height:30px;image-rendering:pixelated}.logo-text{font-size:calc(var(--font-size-medium) - .4rem)}.button-change-font{width:25px;height:25px}.nav-bar{gap:30px}.header-section{font-size:calc(var(--font-size-regular) - .4rem)}}.introduction-section{position:relative;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;width:100%;height:100vh;z-index:5;background-color:#0c0717;overflow:hidden;padding:0 50px;gap:50px}.content-introduction-section{position:relative;top:200px;display:flex;align-items:center;justify-content:center;transition:all 2s ease;opacity:0;z-index:6;width:100%}.content-introduction-section-trigger{top:0;opacity:1}.greet{font-size:calc(var(--font-size-medium) - .4rem)}.name{font-weight:400;font-size:calc(var(--font-size-big) - .3rem)}.hand-icon{position:relative;top:12px;image-rendering:pixelated;scale:.5}.container-description-me{display:flex;justify-content:center;align-items:center}.description-me{font-size:calc(var(--font-size-regular) - .2rem);font-weight:400}.container-info-contact{margin-top:30px;width:100%;display:flex;justify-content:start;align-items:center;gap:0px 40px}.contact-icons{cursor:pointer;transition:all .5s ease;width:26px;height:26px}.github-contact,.linkedin-contact,.mail-contact{display:flex;justify-content:start;align-items:center;position:relative}.deco-icon-1,.deco-icon-2{position:absolute;width:30%;height:30%;pointer-events:none;opacity:0;transition:all .5s ease}.deco-icon-1{left:-7px;top:-7px;border-top-left-radius:5px;border-top:2px solid rgba(255,255,255,.5);border-left:2px solid rgba(255,255,255,.5)}.deco-icon-2{right:-7px;bottom:-7px;border-bottom-right-radius:5px;border-bottom:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(255,255,255,.5)}.contact-icons:hover{scale:1.05}.contact-icons:hover~.deco-icon-1{opacity:1}.contact-icons:hover~.deco-icon-2{opacity:1}.container-cv{margin-top:40px;width:100%}.cv-background{position:relative;display:flex;justify-content:center;align-items:center;width:100px;box-shadow:-2px 0 #fff,2px 0 #fff,0 -2px #fff,0 2px #fff;cursor:pointer;pointer-events:all;text-align:center;text-decoration:none}.cv-background:after{content:"";position:absolute;left:0;top:0;width:0%;height:100%;background-color:#fff;transition:all 1s ease;pointer-events:none}.cv-background:hover:after{width:100%}.cv-text{color:#fff;font-size:calc(var(--font-size-regular) - .2rem);z-index:5;transition:all 1.2s ease}.cv-background:hover .cv-text{color:#000}.mecha-container{position:relative;display:flex;justify-content:center;align-items:center}.mecha{position:relative;background-image:url(/img-sections/introduction/mecha-off-idle.png);image-rendering:pixelated;width:200px;height:200px;display:flex;justify-content:center;align-items:center;scale:2.5;pointer-events:none;z-index:5}.mecha-wake{background-image:url(/img-sections/introduction/mecha-wake.png)}.mecha-on-idle{background-image:url(/img-sections/introduction/mecha-on-idle.png)}.active-mecha{position:absolute;width:100%;height:100%;right:0;top:0;cursor:pointer;border:none;background:transparent;pointer-events:all}.no-events{pointer-events:none}.lines-deco{image-rendering:pixelated;position:absolute;left:0;top:0;width:100%;height:330px;background-image:url(/img-sections/introduction/lines.gif);background-repeat:repeat-x;scale:1.5;transform-origin:left top;pointer-events:none;z-index:1}.preloading-sprite{visibility:hidden;position:absolute;top:0;left:0}.preloading-mecha-off{background-image:url(/img-sections/introduction/mecha-off-idle.png)}.preloading-mecha-on{background-image:url(/img-sections/introduction/mecha-on-idle.png)}.preloading-mecha-wake{background-image:url(/img-sections/introduction/mecha-wake.png)}@media (max-width: 399px){.greet{font-size:calc(var(--font-size-medium) - .6rem)}.name{font-weight:400;font-size:calc(var(--font-size-big) - .7rem)}.description-me{font-size:calc(var(--font-size-regular) - .3rem);font-weight:400}.container-info-contact{margin-top:20px}.contact-icons{width:22px;height:22px}.container-cv{margin-top:30px}.cv-background{width:80px}.cv-text{font-size:calc(var(--font-size-regular) - .3rem)}.mecha{scale:2}}@media (min-width: 600px){.introduction-section{gap:0px}.greet{font-size:calc(var(--font-size-medium))}.hand-icon{position:relative;top:12px;image-rendering:pixelated;scale:.6}.name{font-size:calc(var(--font-size-big) + .4rem)}.description-me{font-size:calc(var(--font-size-regular))}.contact-icons{width:32px;height:32px}.cv-background{width:100px;box-shadow:-3px 0 #fff,3px 0 #fff,0 -3px #fff,0 3px #fff}.cv-text{font-size:calc(var(--font-size-regular))}.mecha{scale:3}}@media (min-width: 700px){.introduction-section{gap:70px}.greet{font-size:calc(var(--font-size-medium) + .1rem)}.hand-icon{position:relative;top:12px;image-rendering:pixelated;scale:.6}.name{font-size:calc(var(--font-size-big) + 1.4rem)}.description-me{font-size:calc(var(--font-size-regular) + .1rem)}.container-info-contact{gap:0px 60px}.contact-icons{width:32px;height:32px}.deco-icon-1,.deco-icon-2{width:50%;height:50%}.deco-icon-1{left:-13px;top:-10px;border-top:3px solid rgba(255,255,255,.5);border-left:3px solid rgba(255,255,255,.5)}.deco-icon-2{right:-13px;bottom:-10px;border-bottom:3px solid rgba(255,255,255,.5);border-right:3px solid rgba(255,255,255,.5)}.cv-background{width:150px;box-shadow:-4px 0 #fff,4px 0 #fff,0 -4px #fff,0 4px #fff}.cv-text{font-size:calc(var(--font-size-regular) + .2rem)}.mecha{scale:4}}@media (min-width: 1024px){.introduction-section{padding:0 100px;gap:50px}.name{font-size:calc(var(--font-size-big) + 1rem)}.description-me{font-size:calc(var(--font-size-regular) + .2rem)}.container-info-contact{margin-top:50px;gap:0px 60px}.deco-icon-1{left:-13px;top:-10px;border-top:3px solid rgba(255,255,255,.5);border-left:3px solid rgba(255,255,255,.5)}.deco-icon-2{right:-13px;bottom:-13px;border-bottom:3px solid rgba(255,255,255,.5);border-right:3px solid rgba(255,255,255,.5)}.contact-icons{width:40px;height:40px}.container-cv{margin-top:50px}.mecha{scale:4.5}.lines-deco{scale:2}}@media (min-width: 1280px){.introduction-section{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:0 100px;gap:100px}.greet{font-size:calc(var(--font-size-regular))}.name{font-size:calc(var(--font-size-big))}.description-me{font-size:calc(var(--font-size-regular) - .2rem)}.container-info-contact{margin-top:40px;gap:0px 60px}.contact-icons{width:32px;height:32px}.container-cv{margin-top:40px}.cv-background{width:120px;box-shadow:-4px 0 #fff,4px 0 #fff,0 -4px #fff,0 4px #fff}.cv-text{font-size:calc(var(--font-size-regular))}.mecha-container{width:80%}.mecha{scale:3.5}}@media (min-width: 1920px){.greet{font-size:calc(var(--font-size-regular) + .2rem)}.name{font-size:calc(var(--font-size-big) + .5rem)}.container-description-me{display:flex;justify-content:start;align-items:center}.description-me{font-size:calc(var(--font-size-regular));width:90%;text-align:start}.mecha-container{height:30%}.mecha{scale:5}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.introduction-section{display:flex;align-items:center;justify-content:start;flex-direction:row;padding:0 100px;gap:100px}.content-introduction-section{width:60%;gap:20px}.greet{font-size:calc(var(--font-size-regular))}.hand-icon{scale:.5}.name{font-weight:400;font-size:calc(var(--font-size-regular) + .3rem);margin-bottom:10px}.description-me{font-size:calc(var(--font-size-regular) - .4rem)}.container-info-contact{margin-top:20px}.contact-icons{width:22px;height:22px}.cv-text{font-size:calc(var(--font-size-regular) - .5rem)}.cv-background{width:100px;box-shadow:-3px 0 #fff,3px 0 #fff,0 -3px #fff,0 3px #fff}.mecha{scale:2.5}}.projects-section{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;background-color:#46668f;padding:100px 30px 500px;gap:100px}.project-background{position:absolute;left:0%;bottom:0%;width:100%;height:50%;background-image:url(/img-sections/projects/cloud-background-2.png);image-rendering:pixelated;background-position:bottom;background-size:cover;background-repeat:no-repeat;pointer-events:none}.projects-title{font-size:calc(var(--font-size-medium) + .3rem);letter-spacing:2px;z-index:10}.projects-container{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:100%;gap:100px}.side .demo-img{width:120%}@media (max-width: 399px){.projects-section{padding:100px 30px 300px}}@media (min-width: 700px){.projects-container{gap:150px}.projects-title{font-size:calc(var(--font-size-big) + .5rem)}}@media (min-width: 1024px){.projects-section{padding:150px 20px 600px;gap:200px}.projects-container{gap:180px}.projects-title{font-size:calc(var(--font-size-big) + .5rem)}}@media (min-width: 1280px){.projects-title{font-size:calc(var(--font-size-big) - .7rem)}.projects-container{justify-content:space-evenly;width:100%;gap:200px 80px}.side .demo-img{width:100%}.reverse-card .project-card-background{flex-direction:row-reverse}}@media (min-width: 1920px){.projects-section{padding:150px 60px 700px;gap:150px}.projects-container{justify-content:space-around;width:100%;gap:180px 120px}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.projects-title{font-size:calc(var(--font-size-big) - .7rem)}.projects-container{justify-content:space-evenly;width:100%;gap:120px 80px}}.project-card{position:relative;border-radius:15px;opacity:0;z-index:5;width:100%}.project-card-background{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:#00000080;border-radius:15px;overflow:hidden}.project-card-container-img{position:relative;display:flex;justify-content:start;align-items:start;width:100%;height:40%;overflow:hidden;cursor:pointer}.demo-img{width:100%;height:100%;object-fit:cover;border-top-left-radius:15px;border-top-right-radius:15px}.demo-img-languages{position:absolute;left:0;bottom:0;width:100%;height:0%;background-color:#00000080;transition:all .7s ease;transform-origin:bottom;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;text-align:center}.technologies-used{width:100%;opacity:0;transition:all .3s ease;font-size:var(--font-size-medium)}.demo-img-languages .project-icons{width:50px;height:50px;opacity:0}.project-card-container-img:hover .demo-img-languages{height:100%}.project-card-container-img:hover .demo-img-languages .project-icons,.project-card-container-img:hover .technologies-used{opacity:1}.project-text{display:flex;justify-content:space-between;align-items:start;flex-direction:column;height:55%;padding:30px;gap:20px}.project-card-title{font-size:var(--font-size-medium)}.project-card-description{font-size:calc(var(--font-size-regular) - .1rem);letter-spacing:2px}.project-icons-container{display:flex;justify-content:start;align-items:center;width:50%;gap:40px}.project-icons{height:40px;width:40px;transition:all .4s ease;cursor:pointer}.project-icon-github{height:30px;width:30px}.project-icon-vite{filter:invert(100)}.project-icons:hover{transform:translateY(-5px)}@media (max-width: 399px){.project-card{height:500px}.technologies-used{font-size:calc(var(--font-size-medium) - .2rem)}.demo-img-languages .project-icons{width:40px;height:40px}}@media (min-width: 540px){.project-card{width:80%}}@media (min-width: 700px){.project-card{width:80%}.technologies-used{font-size:calc(var(--font-size-medium) + .4rem)}.demo-img-languages .project-icons{width:60px;height:60px}.project-text{padding:50px}.project-card-title{font-size:calc(var(--font-size-medium) + .4rem)}.project-card-description{font-size:calc(var(--font-size-regular) + .2rem);letter-spacing:2px}.project-icons-container{margin-top:10px}.project-icons{height:60px;width:60px}.project-icon-github{height:45px;width:45px}}@media (min-width: 850px){.project-card{width:70%}}@media (min-width: 1024px){.project-card{width:60%}.project-text{padding:50px 70px;gap:20px}.technologies-used{font-size:calc(var(--font-size-big) - .4rem)}.demo-img-languages .project-icons{width:80px;height:80px}.project-card-title{font-size:calc(var(--font-size-big))}.project-card-description{font-size:calc(var(--font-size-regular) + .4rem);letter-spacing:2px}.project-icons{height:70px;width:70px}.project-icon-github{height:55px;width:55px}}@media (min-width: 1280px){.project-card{width:90%;height:100%}.project-card-background{justify-content:space-between;align-items:center;flex-direction:row;gap:100px;width:100%;height:120%;background-color:transparent;border-radius:0}.project-card-container-img{width:60%;height:400px;overflow:hidden}.demo-img{width:100%;height:100%;border-radius:15px}.demo-img-languages{background-color:#0009;border-radius:15px;height:70%;opacity:0;padding:30px 0}.project-card-container-img:hover .demo-img-languages{opacity:1}.technologies-used{font-size:calc(var(--font-size-medium) + .4rem);transition:all .7s ease}.demo-img-languages .project-icons{width:60px;height:60px;transition:all .7s ease}.project-text{padding:30px;gap:10px;height:50%}.project-text{padding:40px;width:40%;height:auto;gap:20px;background-color:#00000080;border-radius:15px}.project-card-title{font-size:calc(var(--font-size-medium) - .1rem)}.project-card-description{font-size:calc(var(--font-size-regular) - .3rem);letter-spacing:2px}.project-icons{height:40px;width:40px}.project-icon-github{height:35px;width:35px}}@media (min-width: 1920px){.project-card{width:80%;height:auto}.project-card-background{justify-content:space-between;align-items:center;flex-direction:row;gap:100px;width:100%;height:100%;background-color:transparent;border-radius:0}.project-card-container-img{width:60%;height:100%}.demo-img{width:100%;height:100%;border-radius:15px}.demo-img-languages{background-color:#0009;border-radius:15px;padding:50px 0}.project-card-container-img:hover .demo-img-languages{height:70%;padding:50px 0}.technologies-used{font-size:calc(var(--font-size-medium) + .5rem)}.demo-img-languages .project-icons{width:70px;height:70px}.project-text{padding:40px;width:40%;height:auto;gap:30px;background-color:#00000080;border-radius:15px}.project-card-title{font-size:calc(var(--font-size-medium))}.project-card-description{font-size:calc(var(--font-size-regular) - .1rem);letter-spacing:2px}.project-icons{height:45px;width:45px}.project-icon-github{height:40px;width:40px}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.project-card{width:40%}.technologies-used{font-size:calc(var(--font-size-medium))}.demo-img-languages .project-icons{width:60px;height:60px}.project-text{padding:30px;gap:10px}.project-card-title{font-size:calc(var(--font-size-medium) - .3rem)}.project-card-description{font-size:calc(var(--font-size-regular) - .3rem);letter-spacing:2px}.project-icons{height:40px;width:40px}.project-icon-github{height:35px;width:35px}}@media (min-aspect-ratio: 1/1) and (min-width: 950px) and (max-width: 1100px){.technologies-used{font-size:calc(var(--font-size-medium))}.project-card-title{font-size:calc(var(--font-size-medium) - .4rem)}.project-card-description{font-size:calc(var(--font-size-regular) - .4rem);letter-spacing:2px}}.skills-section{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-image:url(/img-sections/skills/sunset-background-2.png);image-rendering:pixelated;background-position:bottom right;background-size:cover;padding:0;overflow:hidden;background-color:#4b49b6}.skills-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#00000080;width:80%;padding:40px 20px;border-radius:20px}.skills-title{position:relative;font-size:calc(var(--font-size-medium) + .5rem);margin-bottom:60px;cursor:pointer}.skills-icons-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;flex-wrap:wrap;width:100%;gap:40px;list-style:none}.skills-icons{width:50px;height:50px;transition:all .5s ease;cursor:pointer;opacity:0}.mysql{width:60px;height:60px}.html:hover,.git:hover{filter:drop-shadow(0px 0px 5px rgb(237,79,21))}.css:hover,.ts:hover,.mysql:hover{filter:drop-shadow(0px 0px 5px rgb(21,125,237))}.js:hover{filter:drop-shadow(0px 0px 5px rgb(230,237,21))}.react:hover{filter:drop-shadow(0px 0px 5px rgb(21,187,237))}.vite:hover{filter:drop-shadow(0px 0px 5px rgb(159,58,209))}.github:hover{filter:drop-shadow(0px 0px 5px rgb(190,190,190))}.angular:hover{filter:drop-shadow(0px 0px 5px rgb(247,11,11))}.sass:hover{filter:drop-shadow(0px 0px 5px rgb(199,100,149))}@media (min-width: 700px){.skills-container{padding:40px}.skills-title{font-size:calc(var(--font-size-medium) + 1rem)}.skills-icons-container{justify-content:space-evenly;gap:80px 100px}.skills-icons{width:80px;height:80px}.mysql{width:90px;height:90px}}@media (min-width: 1024px){.skills-container{padding:60px 40px}.skills-title{font-size:calc(var(--font-size-medium) + 1.5rem);margin-bottom:100px}.skills-icons-container{justify-content:space-evenly;gap:80px 140px;width:80%}.skills-icons{width:90px;height:90px}.mysql{width:100px;height:100px}}@media (min-width: 1280px){.skills-section{justify-content:start}.skills-container{position:relative;left:5%;padding:40px;width:50%}.skills-title{font-size:calc(var(--font-size-medium) + .5rem);margin-bottom:60px}.skills-icons-container{gap:50px 80px;width:100%}.skills-icons{width:60px;height:60px}.mysql{width:70px;height:70px}}@media (min-width: 1920px){.skills-container{width:40%}.skills-icons-container{gap:50px 100px;width:100%}.skills-icons{width:70px;height:70px}.mysql{width:80px;height:80px}}@media (min-width: 1000px) and (max-width: 1060px) and (max-height: 650px){.skills-section{justify-content:start}.skills-container{position:relative;left:5%;width:50%;padding:40px 0}.skills-title{font-size:calc(var(--font-size-medium));margin-bottom:60px}.skills-icons-container{justify-content:space-evenly;gap:50px;width:80%}.skills-icons{width:50px;height:50px}.mysql{width:60px;height:60px}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Arial,sans-serif!important;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}