:root{--bg-primary: #0D0D0D;--bg-secondary: #1A1A1A;--bg-surface: #2D2D2D;--border-color: #3D3D3D;--accent: #E53935;--accentVariant: #f5576c;--succesGreen: #61d601;--text-primary: #ffffff;--text-secondary: #666666;--font-display: "Oswald", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:url()}body{background-color:var(--bg-primary);font-family:var(--font-display);color:var(--text-primary);overflow-x:hidden}a{text-decoration:none;color:inherit}ul{display:flex;cursor:pointer}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px #9c010180}50%{box-shadow:0 0 30px #9c0101}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}60%{transform:translate(-20px);opacity:1}80%{transform:translate(10px)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.principalButton{width:300px;height:100px;font-size:20px;font-weight:500;cursor:pointer;background-color:var(--bg-surface);color:var(--text-primary);border:none;transform:scale(1);transition:color .2s ease,background-color .3s ease,transform .6s ease}.principalButton:hover{color:var(--bg-primary);background-color:var(--accent);transform:scale(1.15);animation:neon-pulse 1.5s infinite}.principalButton :disabled{opacity:.5;cursor:not-allowed}.title1-white{font-size:125px;font-family:var(--font-display);margin-top:3rem}.title2-red{font-size:95px;font-family:var(--font-mono);color:var(--accent)}.subtitle1-white{font-size:65px;color:var(--text-primary)}.genericText{font-family:var(--font-mono)}.aboutmeText{max-width:850px;width:100%}.helloWorld{margin-top:2rem;font-family:var(--font-mono);font-size:20px;color:var(--accent);font-weight:lighter;margin-bottom:15px}.centerText{text-align:center}.centerContent{justify-content:center;align-items:center}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:var(--bg-surface);color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:20px;box-shadow:0 4px 12px #00000080;transition:all .5s ease;z-index:1000}.scroll-to-top:hover{background-color:var(--accent);transform:scale(1.1);box-shadow:0 6px 16px #0006;animation:neon-pulse 1.5s infinite}.scroll-to-top:active{transform:scale(.95)}header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:300;padding:3rem 2rem}.navBar-container{list-style:none;text-decoration-line:none;text-decoration:none}.navBar-container li{margin:0 1rem;color:var(--text-primary);transition:color .5s}.navBar-container li:hover{color:var(--accent)}.logo{display:flex;gap:.75rem}.logo-img{width:6px;height:25px;background-color:var(--accent)}.logo p{font-family:var(--font-display);margin-right:16px;font-size:larger;font-weight:700}.toast{position:fixed;top:20px;right:20px;min-width:360px;max-width:700px;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:9999;animation:slideInRight .4s ease-out}.toast.closing{animation:slideOutRight .3s ease-in forwards}.toastContent{display:flex;align-items:center;gap:1rem}.toastDecoration{display:flex;flex-direction:row;gap:.5rem}.toastTextContainer{display:flex;flex-direction:column;gap:.05rem}.toastIcon{margin-top:7px;font-size:2rem;flex-shrink:0}.toastClose{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:1rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toastTitle{font-weight:700}.toastClose:hover{background-color:var(--accentVariant)}.toast-success{background:var(--bg-secondary)}.toastDecoratorSuccess{width:5px;background-color:var(--succesGreen)}.toast-error{background:var(--bg-secondary)}.toastDecoratorError{width:5px;background-color:var(--accentVariant)}.principalContent-Container{position:relative;overflow:hidden;min-height:100vh;padding:10rem 7rem 3rem}.principalContent-Container>*:not(canvas){position:relative;z-index:1}.principal-description{color:var(--text-secondary);font-size:20px;margin-top:15px}.buttonsContainer{margin:3rem;display:flex;flex-wrap:wrap;gap:4rem}.skills-Container{background-color:var(--bg-secondary);padding:4rem}.cards-Container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:7rem}.skillCard{background-color:var(--bg-primary);flex:1 1 280px;max-width:400px;min-width:0;padding:15px;border:2px solid transparent;border-color:var(--border-color);transform:scale(1);overflow:visible;transition:background-color .7s ease,transform .3s ease,box-shadow .3s ease}.skillCard .skill-Icon{color:var(--accent);margin:1rem;transition:color .3s}.skillCard h4{font-size:35px;font-weight:lighter;font-family:var(--font-mono);color:var(--text-primary);transition:color .3s}.skillCard p{margin-top:10px;font-size:15px;font-weight:lighter;font-family:var(--font-mono);color:var(--text-secondary);transition:color .2s}.skillCard:hover .skill-Icon,.skillCard:hover h4,.skillCard:hover p{color:var(--bg-primary)}.skillCard:hover{background-color:var(--accent);border-color:var(--accent);transform:scale(1.04);box-shadow:0 10px 20px #9c010133;box-shadow:0 0 20px #9c0101cc;animation:neon-pulse 1.5s infinite}.projectsContainer{margin:3rem 5rem}.contactHomeContainer{display:flex;flex-direction:column;padding:4rem;background-color:var(--bg-secondary);justify-content:center;align-items:center;gap:2rem}.contactContainer{display:flex;flex-direction:column;padding:.05rem 4rem 4rem;background-color:var(--bg-primary);margin:0 auto;justify-content:center;align-items:center;gap:2rem}.formContainer{width:50rem;max-width:100%;padding:4rem;border-radius:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;grid-column-gap:45px;grid-row-gap:0px}.userDataContainer1{display:flex;flex-direction:column;grid-area:1 / 1 / 2 / 2;gap:.5rem}.userDataContainer2{display:flex;flex-direction:column;grid-area:1 / 2 / 2 / 3;gap:.5rem}.userDataContainer3{text-align:left;display:flex;flex-direction:column;align-items:stretch;grid-area:2 / 1 / 3 / 3;gap:.5rem}.userDataContainer4{text-align:left;display:flex;padding-top:4rem;justify-content:center;align-content:center;grid-area:3 / 1 / 4 / 3}.inputLabel{width:100%;height:3rem;background-color:#2d2d2d;border:none;text-align:left;padding:15px;color:var(--text-primary);font-family:var(--font-mono)}.inputLabelText{width:100%;height:20rem;background-color:#2d2d2d;border:none;text-align:left;padding:15px;color:var(--text-primary);font-family:var(--font-mono)}.status-message{margin-top:1rem;padding:1rem;border-radius:8px;font-size:1rem;text-align:center}.status-message.success{background-color:#00ff001a;color:#0f0;border:1px solid #00ff00}.status-message.error{background-color:#ff00001a;color:red;border:1px solid #ff0000}.footer-Container{background-color:var(--bg-primary);display:flex;padding:2rem;justify-content:space-between}@media(max-width:1024px){.title1-white{font-size:80px}.title2-red{font-size:60px}.subtitle1-white{font-size:45px}.principalContent-Container{min-height:100vh;padding:6rem 3rem 3rem}.buttonsContainer{gap:2rem;margin:3rem 0}.principalButton{width:250px;height:80px;font-size:18px}.skills-Container{padding:3rem 2rem}.cards-Container{margin-top:4rem}.projectsContainer{margin:3rem 2rem}.contactHomeContainer{padding:3rem 2rem}.contactContainer{padding:.05rem 2rem 3rem}.formContainer{width:100%;padding:2rem}}@media(max-width:768px){header{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem}.navBar-container{flex-wrap:wrap;justify-content:center}.navBar-container li{margin:.3rem .5rem;font-size:14px}.title1-white{font-size:55px;margin-top:2rem}.title2-red{font-size:42px}.subtitle1-white{font-size:35px}.helloWorld{font-size:16px}.principalContent-Container{min-height:100vh;padding:4rem 1.5rem 2rem}.principal-description{font-size:16px}.title1-white,.title2-red,.subtitle1-white{word-break:break-word;overflow-wrap:break-word}.buttonsContainer{flex-direction:column;align-items:stretch;gap:1.5rem;margin:2rem 0}.principalButton{width:100%;max-width:100%;height:70px;font-size:16px}.skills-Container{padding:2rem 1.5rem}.cards-Container{margin-top:3rem;gap:15px}.skillCard{flex:1 1 100%;max-width:100%}.skillCard h4{font-size:26px}.skillCard .skill-Icon{margin:.5rem}.projectsContainer{margin:2rem 1.5rem}.contactHomeContainer{padding:2rem 1.5rem}.contactContainer{padding:.05rem 1.5rem 2rem}.formContainer{width:100%;padding:1.5rem;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0px;grid-row-gap:0px}.userDataContainer1,.userDataContainer2,.userDataContainer3{grid-area:auto}.userDataContainer4{grid-area:auto;padding-top:2rem}.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}@keyframes slideInRight{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.footer-Container{flex-direction:column;align-items:center;gap:1rem;text-align:center}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:16px}}@media(max-width:480px){.title1-white{font-size:38px;margin-top:1.5rem}.title2-red{font-size:30px}.subtitle1-white{font-size:26px}.helloWorld{font-size:14px}.principalContent-Container{min-height:100vh;padding:3rem 1rem 1.5rem}.principal-description{font-size:14px}.principalButton{width:100%;height:60px;font-size:14px}.skills-Container{padding:1.5rem 1rem}.cards-Container{gap:12px}.skillCard{flex:1 1 100%;max-width:100%;padding:12px}.skillCard h4{font-size:22px}.skillCard p{font-size:13px}.projectsContainer{margin:1.5rem 1rem}.contactHomeContainer{padding:1.5rem 1rem}.contactContainer{padding:.05rem .5rem 1.5rem}.formContainer{padding:1rem .5rem}header{padding:1.5rem 1rem}.navBar-container li{font-size:12px;margin:.25rem .4rem}.footer-Container{padding:1.5rem 1rem;font-size:14px}}