*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}@media screen and (max-width: 768px){html{font-size:14px}}@media screen and (max-width: 480px){html{font-size:12px}}@font-face{font-family:m6x11plus;src:url(/assets/m6x11plus-C8RqtTtG.ttf)}*{font-family:m6x11plus}button{background-color:#e6373e;color:#fdfdfd;z-index:1;position:relative;border:none;padding:5px;border-radius:5px;cursor:pointer;transition:.5s;font-size:15px}button:hover{background-color:#9c2529;transition:.5s}.vhs-effect{filter:contrast(1) saturate(1) blur(.5px);position:relative;overflow:hidden}.vhs-effect:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.07) 0px,rgba(255,255,255,.07) 1px,transparent 2px,transparent 4px);pointer-events:none;z-index:999}.vhs-effect:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1000;background:linear-gradient(to bottom,#00000059,#0000 15% 85%,#00000059)}.credits{position:relative;z-index:1;padding:5px;font-size:17px;text-align:center;color:#fdfdfd}.navbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:20px 350px}.navbar-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:25px}.navbar-item{cursor:pointer;padding:20px;background-color:#ddd;box-shadow:0 8px #8b8b8b;border-radius:15px;transition:.5s}.navbar-item:hover{transform:translateY(4px);box-shadow:0 4px #8b8b8b;background-color:#d1d1d1;transition:.5s}.navbar-contact{padding:20px 40px;border-radius:15px;background-color:#ffa600;box-shadow:0 8px #b67600;font-size:28px;cursor:pointer;transition:.5s}.navbar-contact:hover{transform:translateY(4px);background-color:#e79600;box-shadow:0 4px #b67600;transition:.5s}.navbar-lang{display:flex;align-items:center;gap:25px}.navbar-lang button{cursor:pointer;padding:20px;background-color:#ddd;box-shadow:0 8px #8b8b8b;color:#000;border-radius:15px;font-size:25px;transition:.5s}.navbar-lang button:hover{transform:translateY(4px);box-shadow:0 4px #8b8b8b;background-color:#d1d1d1;transition:.5s}.navbar-lang .selected{color:#ff9d00}@media screen and (max-width: 1640px){.navbar{margin:20px 150px;justify-content:space-around}}@media screen and (max-width: 1280px){.navbar{margin:20px 50px}}@media screen and (max-width: 1024px){.navbar{margin:20px 90px}.navbar-menu{gap:30px;font-size:20px}.navbar-contact{font-size:22px;padding:20px 30px}.navbar-lang{gap:15px}.navbar-lang button{font-size:20px;padding:15px}}@media screen and (max-width: 835px){.navbar{margin:15px 20px;flex-direction:column;gap:20px}.navbar-menu{flex-direction:column;gap:15px;font-size:18px}.navbar-item{padding:15px 25px;text-align:center;width:100%}.navbar-contact{font-size:20px;padding:15px 25px;width:40%;text-align:center}.navbar-lang{width:100%;justify-content:center;gap:10px;margin-top:10px}.navbar-lang button{font-size:16px;padding:10px 15px;width:40px}}@media screen and (max-width: 480px){.navbar{margin:10px 15px}.navbar-menu{font-size:16px;gap:10px}.navbar-item{padding:12px 20px}.navbar-contact{font-size:18px;padding:12px 20px}.navbar-lang{width:100%;justify-content:center;gap:5px;margin-top:8px}.navbar-lang button{font-size:14px;padding:8px 10px;width:32px}}.balatro-container{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.hero{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:30px}.hero div[data-tilt]{margin-top:80px;display:inline-block;border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden;animation:idle-float 3s ease-in-out infinite}.hero div[data-tilt]:hover{animation:none}.hero img{display:block;width:auto;height:auto}.hero-intro{display:flex;align-items:center;flex-direction:column;gap:20px;background-color:#3f4a4c;padding:20px;border:solid #BFC7D5 5px;border-radius:20px;width:40%;margin-top:0}.hero-intro h1{text-align:center;width:90%;font-size:65px;font-weight:500;color:#fdfdfd;text-shadow:0px 4px #000000}.hero-content{display:flex;align-items:center;flex-direction:column;gap:20px;background-color:#fdfdfd;padding:20px;border-radius:15px;width:97%}.hero-content h2{text-align:center;font-size:45px;font-weight:500}.hero-resume{background-color:#7b559c;padding:10px;border-radius:15px;transition:.5s;width:40%}.hero-resume:hover{background-color:#4e3663;transition:.5s;cursor:pointer}.hero-resume h3{text-align:center;font-size:35px;font-weight:500;color:#fdfdfd;text-shadow:0px 4px #000000}.blue{color:#0093ff}.red{color:#ff4c40}.hero-intro p{text-align:center;font-size:25px}@keyframes idle-float{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(0) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@media screen and (max-width: 1024px){.hero-intro{width:60%;padding:15px}.hero-intro h1{font-size:50px}.hero-content h2{font-size:35px}.hero-resume{width:60%}.hero-resume h3{font-size:28px}.hero-intro p{font-size:22px}}@media screen and (max-width: 768px){.hero{gap:20px;padding:0 15px}.hero div[data-tilt]{margin-top:40px}.hero-intro{width:85%;padding:15px}.hero-intro h1{font-size:35px;width:100%}.hero-content{gap:15px;padding:15px;width:95%}.hero-content h2{font-size:28px}.hero-resume{width:80%}.hero-resume h3{font-size:22px}.hero-intro p{font-size:18px}}@media screen and (max-width: 480px){.hero{gap:15px;padding:0 10px}.hero div[data-tilt]{margin-top:30px}.hero-intro{width:95%;padding:12px}.hero-intro h1{font-size:28px}.hero-content{gap:12px;padding:12px;width:98%}.hero-content h2{font-size:22px}.hero-resume{width:90%}.hero-resume h3{font-size:18px}.hero-intro p{font-size:16px}}.skills{position:relative;z-index:1;margin-top:50px;display:flex;align-items:center;flex-direction:column;gap:30px}.skills h2{text-align:center;font-size:50px;font-weight:500;color:#fdfdfd;background-color:#45a676;padding:15px;border-radius:10px;width:30%}.skills-decks{display:flex;align-items:center;gap:150px;padding:50px}.deck-content{display:flex;align-items:center;flex-direction:column;gap:25px;cursor:pointer}.deck-content img{width:auto;height:auto;border-radius:15px;box-shadow:5px 5px #d3d3d3;transition:.3s}.deck-content img:hover{transform:scale(1.2);transition:.3s}.deck-content p{text-align:center;padding:15px;background-color:#3f4a4c;border:solid #BFC7D5 5px;border-radius:20px;color:#fdfdfd;text-shadow:0px 4px #000000;font-size:30px}.deck-content .selected{color:#f5b244}@media screen and (max-width: 1024px){.skills h2{font-size:40px;width:50%}.skills-decks{gap:80px;padding:30px}.deck-content p{font-size:25px;padding:12px}}@media screen and (max-width: 768px){.skills{gap:20px;padding:0 15px}.skills h2{font-size:30px;width:70%;padding:12px}.skills-decks{gap:30px;padding:20px}.deck-content img{max-width:120px;height:auto}.deck-content p{font-size:20px;padding:10px}}@media screen and (max-width: 480px){.skills{gap:15px;padding:0 10px}.skills h2{font-size:24px;width:85%;padding:10px}.skills-decks{gap:20px;padding:15px}.deck-content img{max-width:100px}.deck-content p{font-size:18px;padding:8px}}.front-deck{display:flex;align-items:center;gap:50px;padding:15px}@media screen and (max-width: 1024px){.front-deck{gap:30px;padding:10px;flex-wrap:wrap;justify-content:center}.card p{font-size:25px;padding:15px}.tilt-card img{max-width:120px}}@media screen and (max-width: 768px){.front-deck{gap:20px;padding:10px;align-items:center}.card{gap:15px;width:100%;max-width:200px}.card p{font-size:20px;padding:12px;width:100%;text-align:center}.tilt-card img{max-width:100px}}@media screen and (max-width: 480px){.front-deck{gap:15px;padding:8px}.card{gap:12px;max-width:150px}.card p{font-size:18px;padding:10px}.tilt-card img{max-width:80px}}.back-deck{display:flex;align-items:center;gap:50px;padding:15px}@media screen and (max-width: 1024px){.back-deck{gap:30px;padding:10px;flex-wrap:wrap;justify-content:center}.card p{font-size:25px;padding:15px}.tilt-card img{max-width:120px}}@media screen and (max-width: 768px){.back-deck{gap:20px;padding:10px;align-items:center}.card{gap:15px;width:100%;max-width:200px}.card p{font-size:20px;padding:12px;width:100%;text-align:center}.tilt-card img{max-width:100px}}@media screen and (max-width: 480px){.back-deck{gap:15px;padding:8px}.card{gap:12px;max-width:150px}.card p{font-size:18px;padding:10px}.tilt-card img{max-width:80px}}.other-deck{display:flex;align-items:center;gap:50px;padding:15px}.tilt-card{margin-top:20px;display:inline-block;border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden;animation:idle-float 3s ease-in-out infinite}.tilt-card:hover{animation:none}.tilt-card img{display:block;width:100%;max-width:150px;height:auto}.card{display:flex;align-items:center;flex-direction:column;gap:25px}.card p{padding:20px;background-color:#3f4a4c;border:solid #BFC7D5 5px;border-radius:20px;color:#fdfdfd;text-shadow:0px 4px #000000;font-size:30px}@media screen and (max-width: 1024px){.other-deck{gap:30px;padding:10px;flex-wrap:wrap;justify-content:center}.card p{font-size:25px;padding:15px}.tilt-card img{max-width:120px}}@media screen and (max-width: 768px){.other-deck{gap:20px;padding:10px;align-items:center}.card{gap:15px;width:100%;max-width:200px}.card p{font-size:20px;padding:12px;width:100%;text-align:center}.tilt-card img{max-width:100px}}@media screen and (max-width: 480px){.other-deck{gap:15px;padding:8px}.card{gap:12px;max-width:150px}.card p{font-size:18px;padding:10px}.tilt-card img{max-width:80px}}.projects{position:relative;z-index:1;margin-top:50px;display:flex;align-items:center;flex-direction:column;gap:30px;padding:15px}.projects h2{text-align:center;font-size:50px;font-weight:500;color:#fdfdfd;background-color:#088eec;padding:15px;border-radius:10px;width:30%}.project-tilt-card{position:relative;margin-top:20px;display:inline-block;border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden;background-color:#3f4a4c}.project-tilt-card img{display:block;width:100%;max-width:500px;height:auto}.project-description{position:absolute;top:0;left:0;width:100%;height:100%;background:#141414d9;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;text-align:center;font-size:1.2rem}.project-tilt-card:hover .project-description{opacity:1}a{text-decoration:none;color:inherit}@media screen and (max-width: 1024px){.projects h2{font-size:40px;width:50%;padding:12px}.project-tilt-card img{max-width:400px}.project-description{font-size:1.1rem}}@media screen and (max-width: 768px){.projects{gap:20px;padding:10px}.projects h2{font-size:30px;width:70%;padding:12px}.project-tilt-card{margin-top:15px}.project-tilt-card img{max-width:350px}.project-description{font-size:1rem;padding:15px}}@media screen and (max-width: 480px){.projects{gap:15px;padding:8px}.projects h2{font-size:24px;width:85%;padding:10px}.project-tilt-card{margin-top:10px}.project-tilt-card img{max-width:280px}.project-description{font-size:.9rem;padding:12px}}.contact{position:relative;z-index:1;margin-top:50px;display:flex;align-items:center;flex-direction:column;gap:30px;padding:20px}.contact h2{text-align:center;font-size:50px;font-weight:500;color:#fdfdfd;background-color:#ea9607;padding:15px;border-radius:10px;width:30%}.contact-list{display:flex;align-items:center;list-style:none;gap:60px;font-size:25px}.contact-link{cursor:pointer;padding:20px;background-color:#ddd;box-shadow:0 8px #8b8b8b;border-radius:15px;transition:.5s}.contact-link:hover{transform:translateY(4px);box-shadow:0 4px #8b8b8b;background-color:#d1d1d1;transition:.5s}@media screen and (max-width: 1024px){.contact h2{font-size:40px;width:50%}}@media screen and (max-width: 768px){.contact h2{font-size:30px;width:70%;padding:12px}.contact-link{padding:15px 25px;text-align:center;width:100%}}@media screen and (max-width: 480px){.contact h2{font-size:24px;width:85%;padding:10px}.contact-link{padding:12px 20px}}