*,:before,:after{box-sizing:border-box}:root{--font-color: #f5f1f1;--background-color: #24292f;font-family:monospace;--line-color: #00ffc3;--steps: 16;--background: #1d1f20}body{width:100%;margin:0;padding:0;background-color:var(--background-color);background-image:url(/assets/backgroud-efect-DX3hsuPS.png);background-size:60%;background-attachment:fixed;background-repeat:repeat-y}.navbar[data-v-e6dd5172]{background-color:var(--background-color);box-shadow:1px 5px 8rem #000;padding-top:1rem;padding-bottom:.5rem}.navbar-container[data-v-e6dd5172]{display:flex;justify-content:space-around;align-items:center;padding:1rem}.myname[data-v-e6dd5172]{font-size:2rem;font-weight:700;color:var(--font-color);text-decoration:none;transition:transform .9s ease-in-out,font-size .9s ease-in-out}.myname[data-v-e6dd5172]:hover{transform:scale(1.2);font-size:2.3rem;text-shadow:1px 1px 2px rgb(7,7,7)}.navbar-links[data-v-e6dd5172]{list-style:none;display:flex;gap:4rem}.navbar-links li[data-v-e6dd5172]{position:relative}.navbar-links a[data-v-e6dd5172]{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:600;display:flex;gap:1.5rem;position:relative}.navbar-links a[data-v-e6dd5172]:after{content:"";position:absolute;width:0;height:.3rem;background-color:var(--line-color);left:0;bottom:-4px;border-radius:2rem;transition:width .3s ease-in-out}.navbar-links a[data-v-e6dd5172]:hover:after{width:100%}button[data-v-e6dd5172]{border:none;display:block;position:relative;padding:.5em 2em;font-size:18px;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;color:#0eebb0;z-index:1;font-family:inherit;font-weight:500;top:-.67rem}button span[data-v-e6dd5172]{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;z-index:-1;border:4px solid rgb(14,235,176)}button span[data-v-e6dd5172]:before{content:"";display:block;position:absolute;width:8%;height:500%;background:var(--background-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-60deg);transition:all .7s}button:hover span[data-v-e6dd5172]:before{transform:translate(-50%,-50%) rotate(-90deg);width:100%;background:#0eebb0}button[data-v-e6dd5172]:hover{color:#fff}button:active span[data-v-e6dd5172]:before{background:#2751cd}.github[data-v-e6dd5172]{display:flex;align-items:center;gap:.5rem;transition:transform .3s ease-in-out,gap .3s ease-in-out}.github[data-v-e6dd5172]:hover{transform:scale(1.1);gap:1rem}.logo[data-v-e6dd5172]{width:20px}.navbar-toggle[data-v-e6dd5172]{display:none;cursor:pointer;position:relative;width:30px;height:30px;flex-direction:column;justify-content:space-between;align-items:center}.navbar-icon[data-v-e6dd5172]{width:100%;height:3px;background-color:var(--line-color);border-radius:5px;transition:all .5s ease-in-out}.navbar-toggle.open .navbar-icon[data-v-e6dd5172]:nth-child(1){transform:rotate(45deg) translate(10px,10px)}.navbar-toggle.open .navbar-icon[data-v-e6dd5172]:nth-child(2){opacity:0}.navbar-toggle.open .navbar-icon[data-v-e6dd5172]:nth-child(3){transform:rotate(-45deg) translate(10px,-10px)}@media (max-width: 768px){.navbar-toggle[data-v-e6dd5172]{display:flex}.navbar-links[data-v-e6dd5172]{position:absolute;top:100%;left:0;right:0;background-color:var(--background-color);flex-direction:column;align-items:center;transform:translateY(-100%);opacity:0;margin-top:.1rem;padding-top:4rem;padding-bottom:3rem;box-shadow:1px 1px 8px #070707}.navbar-links.active[data-v-e6dd5172]{transform:translateY(0);opacity:1}.navbar-container[data-v-e6dd5172]{justify-content:space-between;margin:.5rem}}.about-me[data-v-492f6240]{display:flex;justify-content:end;height:100vh;margin-bottom:1rem;padding-bottom:5rem}@keyframes float-492f6240{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.img[data-v-492f6240]{position:fixed;bottom:3rem;left:50%;width:40px;animation:float-492f6240 3s ease-in-out infinite;cursor:pointer;z-index:10}.name[data-v-492f6240]{display:flex;flex-direction:column;margin:17rem 9rem 9rem;padding:2rem;font-size:3rem;color:var(--font-color);position:relative}.name h2[data-v-492f6240]{font-size:2rem;margin-bottom:0}.name h1[data-v-492f6240]{margin-top:0;margin-bottom:1px}.name p[data-v-492f6240]{margin-top:1px;font-size:4.33rem;color:var(--line-color);font-weight:900}@supports (background-clip: text) or (-webkit-background-clip: text){.name p[data-v-492f6240]{background-image:url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/g%3E%3C/svg%3E%0A");background-size:110% auto;background-position:center;color:transparent;-webkit-background-clip:text;background-clip:text}}.aboutme-content[data-v-492f6240]{display:flex;flex-direction:column;border-top:7px solid rgb(0,255,195);text-align:left;background-color:var(--background-color);padding:7rem 5rem 15rem;box-shadow:1px 5px 8rem #000;color:#fff;border-radius:0 -89rem 0 0;text-justify:distribute}.aboutme-content h1[data-v-492f6240]{font-size:4rem;margin-top:1px;font-size:4.33rem;color:var(--line-color);font-weight:900}@supports (background-clip: text) or (-webkit-background-clip: text){.aboutme-content h1[data-v-492f6240]{background-image:url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/g%3E%3C/svg%3E%0A");background-size:100% auto;background-position:center;color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4rem}}.aboutme-content p[data-v-492f6240]{width:50%;font-size:1.2rem;font-weight:400;margin-bottom:5px}@media (max-width: 768px){.about-me[data-v-492f6240]{align-items:center;padding-top:3rem;margin-bottom:3rem;justify-content:center;text-align:center}.name[data-v-492f6240]{margin:5rem 1.5rem 1.5rem;padding:.5rem;font-size:1.5rem}.name h2[data-v-492f6240]{font-size:1.5rem}.name p[data-v-492f6240]{font-size:2.13rem}.aboutme-content[data-v-492f6240]{left:0;padding:5rem 2rem;border-radius:0;box-shadow:none;width:100%;text-align:center;box-shadow:1px 5px 8rem #000}.aboutme-content h1[data-v-492f6240]{font-size:3rem}.aboutme-content p[data-v-492f6240]{width:100%;font-size:1rem}}.projects[data-v-5dffc914]{background-color:var(--background-color);padding-bottom:15rem;box-shadow:1px 5px 8rem #000;border-top:7px solid var(--line-color)}.project-name[data-v-5dffc914]{text-align:end;margin-top:7rem;font-size:3rem;color:var(--line-color);font-weight:900}@supports (background-clip: text) or (-webkit-background-clip: text){.project-name[data-v-5dffc914]{background-image:url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/g%3E%3C/svg%3E%0A");background-size:30% auto;background-position:center;color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;text-align:center}}.projects-container[data-v-5dffc914]{display:flex;flex-wrap:wrap;padding-top:4rem;padding-bottom:4rem;margin-left:.7rem;margin-right:.7rem;padding:5rem;margin:2rem}.project-3d[data-v-5dffc914]{flex:1 0 0px;perspective:30rem;margin:1.5rem}.project-1[data-v-5dffc914]{background-color:#fff;box-shadow:.5rem .5rem 1rem #000;border-left:.5px solid rgba(128,128,128,.53);border-right:.5px solid rgba(128,128,128,.502);border-top:.5px solid rgba(128,128,128,.505);border-bottom:.75rem solid mediumspringgreen;padding-bottom:3rem;transition:transform .5s ease;transform-style:preserve-3d}.project-1[data-v-5dffc914]:hover{transform:rotateX(calc((var(--mouse-y, .5) - .5) * -15deg)) rotateY(calc((var(--mouse-x, .5) - .5) * 15deg))}.project-img[data-v-5dffc914]{position:relative;background-color:var(--line-color);margin:-.5px}.project-img[data-v-5dffc914]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4rem;background-image:linear-gradient(-5.71deg,white 49.9%,transparent 51.1%);background-repeat:no-repeat;background-position:50% 100%}.projects-img-futurama[data-v-5dffc914]{width:100%;filter:grayscale(100%);mix-blend-mode:multiply}.project-content[data-v-5dffc914]{padding-left:1rem;padding-right:1rem}.project-content-heading[data-v-5dffc914]{color:#171717;font-size:1.7rem;font-weight:600;margin-bottom:0}.project-text[data-v-5dffc914]{color:#3cb371;font-size:1rem;font-weight:600}.project-info[data-v-5dffc914]{margin-top:1rem;border-top:1.5px solid rgba(128,128,128,.182);border-bottom:1.5px solid rgba(128,128,128,.182);padding-top:1rem;padding-bottom:1rem;display:flex;max-height:6rem}.projects-button[data-v-5dffc914]{margin-top:2rem;display:flex;justify-content:center;gap:4rem}.projects-button button[data-v-5dffc914]{font-size:1rem;font-weight:700;border-radius:12px;padding:1rem 3rem;border:.2px solid black;background-color:#fff}.projects-button button[data-v-5dffc914]:hover{border:1px solid mediumspringgreen}.projects-button[data-v-5dffc914] :last-child{background:linear-gradient(to bottom right,#04ecc9,#5affd3);border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;line-height:2.5;outline:transparent;padding:0 2rem;text-align:center;text-decoration:none;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap}.projects-button button[data-v-5dffc914]:last-child:not([disabled]):focus{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #0fdba580,.125rem .125rem 1rem #05b8dc80}.projects-button button[data-v-5dffc914]:last-child:not([disabled]):hover{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #04764880,.125rem .125rem 1rem #06f1be80}.project-3d[data-v-5dffc914]{perspective:50rem}@media (max-width: 768px){.project-name[data-v-5dffc914]{font-size:2rem;text-align:center;margin-top:3rem}.project-name h1[data-v-5dffc914]{font-size:3rem}.projects-container[data-v-5dffc914]{padding:2rem;margin:0}.project-3d[data-v-5dffc914]{flex:1 0 100%;margin:1rem 0}.project-1[data-v-5dffc914]{padding:2rem}.project-content-heading[data-v-5dffc914]{font-size:1.5rem}.project-text[data-v-5dffc914],.project-info[data-v-5dffc914]{font-size:.9rem}.projects-button[data-v-5dffc914]{flex-direction:column;gap:1rem}.projects-button button[data-v-5dffc914]{padding:.75rem 1.5rem;font-size:.9rem}}.skills-container[data-v-d6a47a14]{margin:4rem;display:flex;flex-direction:row-reverse;position:relative;gap:1rem;right:0;top:2.5rem;padding-bottom:15rem;padding-top:5rem;margin-bottom:15}.my-skills[data-v-d6a47a14]{text-align:center;display:grid;grid-template-columns:1.3fr 1.3fr 1.3fr 1.3fr;padding:5rem;gap:2rem;justify-content:center}.my-skills img[data-v-d6a47a14]{width:80px;transition:transform 1s ease-in-out}.my-skills img[data-v-d6a47a14]:hover{transform:rotate(360deg)}.my-skills p[data-v-d6a47a14]{margin-top:1px;font-size:1.2rem;color:var(--font-color)}.my-skills-name p[data-v-d6a47a14]{text-align:end;color:var(--font-color)}.my-skills-name h1[data-v-d6a47a14]{text-align:end;margin-top:7rem;font-size:4.33rem;color:var(--line-color);font-weight:900}@supports (background-clip: text) or (-webkit-background-clip: text){.my-skills-name h1[data-v-d6a47a14]{background-image:url("data:image/svg+xml,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/g%3E%3C/svg%3E%0A");background-size:110% auto;background-position:center;color:transparent;-webkit-background-clip:text;background-clip:text}}.line[data-v-d6a47a14]{display:flex;background-color:var(--font-color);height:1rem;width:5rem}.popup[data-v-d6a47a14]{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;z-index:1000}.popup-content[data-v-d6a47a14]{display:flex;position:absolute;flex-direction:column;background-color:#000a;margin:15% auto;padding:2rem;border:2px solid var(--line-color);width:20%;height:40%;margin-left:17rem;margin-top:28rem;color:#0ff}.popup-close[data-v-d6a47a14]{display:flex;margin:0;color:var(--line-color);float:right;font-size:28px;font-weight:700;justify-content:end}.popup-close[data-v-d6a47a14]:hover,.popup-close[data-v-d6a47a14]:focus{color:#000;text-decoration:none;cursor:pointer}@media (max-width: 768px){.skills-container[data-v-d6a47a14]{margin:1rem 1rem 7rem;flex-direction:column;align-items:center;padding:1rem;margin-top:0}.my-skills-name h1[data-v-d6a47a14]{font-size:3rem;text-align:center}.my-skills-name p[data-v-d6a47a14]{text-align:center}.my-skills[data-v-d6a47a14]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:0}.my-skills img[data-v-d6a47a14]{width:64px}.my-skills p[data-v-d6a47a14]{font-size:1rem}.popup-content[data-v-d6a47a14]{width:80%;height:auto;margin:20% auto}}.contact-section[data-v-78d606f0]{margin-top:15rem;display:flex;flex-direction:column;align-items:center;padding:4rem;color:var(--line-color);border-radius:0 0 20rem 20rem;position:relative;overflow:hidden}.contact-header[data-v-78d606f0]{margin-bottom:2rem}.contact-header h1[data-v-78d606f0]{font-size:4rem;color:var(--line-color);font-weight:900;margin-bottom:1rem;text-align:center;background-image:linear-gradient(90deg,var(--line-color),#00a080);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine-78d606f0 3s linear infinite}@keyframes shine-78d606f0{to{background-position:200% center}}.contact-form[data-v-78d606f0]{width:100%;max-width:600px;padding:2rem;border-radius:1rem;background-color:var(--background-color);box-shadow:0 0 15px #06060680}.input-group[data-v-78d606f0]{margin-bottom:1.5rem;position:relative}.input-group label[data-v-78d606f0]{display:block;margin-bottom:.5rem;color:var(--line-color);font-size:1.2rem}.input-group input[data-v-78d606f0],.input-group textarea[data-v-78d606f0]{width:100%;padding:.75rem;border:2px solid var(--line-color);background-color:transparent;color:#fff;border-radius:5px;outline:none;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.input-group input[data-v-78d606f0]:focus,.input-group textarea[data-v-78d606f0]:focus{border-color:#00a080;box-shadow:0 0 10px #00ffc8cc}.submit-button[data-v-78d606f0]{width:100%;background-color:transparent;color:var(--line-color);border:2px solid var(--line-color);padding:.75rem 1.5rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:transform .3s ease,background-color .3s ease,color .3s ease;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative}.submit-button[data-v-78d606f0]:hover{transform:scale(1.05);background-color:#0fc3}.loader[data-v-78d606f0]{border:3px solid transparent;border-top:3px solid var(--line-color);border-radius:50%;width:20px;height:20px;animation:spin-78d606f0 1s linear infinite}@keyframes spin-78d606f0{to{transform:rotate(360deg)}}.contact-info[data-v-78d606f0]{margin-top:2rem;text-align:center;color:var(--line-color);font-size:1.2rem}.contact-info a[data-v-78d606f0]{color:var(--line-color);text-decoration:none;transition:color .3s ease}.contact-info a[data-v-78d606f0]:hover{color:#00a080}@media (max-width: 768px){.contact-section[data-v-78d606f0]{padding:2rem;margin-top:5rem}.contact-header h1[data-v-78d606f0]{font-size:2.5rem}.contact-form[data-v-78d606f0]{padding:1rem}.input-group input[data-v-78d606f0],.input-group textarea[data-v-78d606f0]{padding:1rem;font-size:.9rem}.submit-button[data-v-78d606f0]{padding:.5rem 1rem;font-size:.9rem}.contact-info p[data-v-78d606f0]{font-size:1rem}}.portfolio-footer[data-v-471af468]{background-color:var(--background-color);color:#fff;padding:3rem 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000080;margin-top:15rem}.footer-content[data-v-471af468]{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;animation:fadeIn-471af468 2s ease-in-out}.social-media[data-v-471af468]{display:flex;gap:1.5rem;margin-bottom:1rem}.social-link[data-v-471af468]{color:var(--line-color);font-size:2rem;transition:transform .3s ease,color .3s ease,box-shadow .3s ease;position:relative}.social-link[data-v-471af468]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--line-color);border-radius:50%;transition:width .3s ease,height .3s ease;transform:translate(-50%,-50%);z-index:-1}.social-link[data-v-471af468]:hover:before{width:150%;height:150%}.social-link[data-v-471af468]:hover{color:#fff;transform:scale(1.1);box-shadow:0 0 15px var(--line-color)}.contact-info p[data-v-471af468]{margin:.5rem 0;font-size:1.2rem;animation:slideUp-471af468 1.5s ease-out}.contact-info a[data-v-471af468]{color:var(--line-color);text-decoration:none}.contact-info a[data-v-471af468]:hover{text-decoration:underline}.footer-bottom[data-v-471af468]{border-top:2px solid var(--line-color);padding-top:1rem;font-size:.9rem;animation:shimmer-471af468 5s infinite linear;background:linear-gradient(90deg,var(--background-color),var(--line-color),var(--background-color));background-size:200% auto}@keyframes fadeIn-471af468{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-471af468{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer-471af468{0%{background-position:-100%}to{background-position:100%}}header[data-v-9ecb8525]{position:fixed;width:100%;z-index:1000}