@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap";#canvas-wrapper{position:fixed;top:0;left:0;background:#fff0;width:100vw;height:100vh;z-index:20}.canvas-popup{position:fixed;top:40%;left:50%;transform:translate(-50%);background-color:var(--black);color:#00ffbf;border:1px solid #ccc;padding:20px;z-index:22}.canvas-popup p{font-size:20px;text-align:center}.canvas-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#242424d5;z-index:21}.hide{display:none!important}.navContainer{width:100vw;display:flex;justify-content:center}.navBar{position:fixed;bottom:1rem;width:280px;height:50px;background:var(--darkWindow);display:flex;justify-content:space-around;align-items:center;padding:1rem;z-index:100;border:1px solid var(--green);box-shadow:0 0 10px 2px var(--green);border-radius:2rem}.navIcons{color:var(--green);font-size:1.5rem;transition:var(--transition)}.navIcons:hover{color:var(--blue);filter:drop-shadow(0px 0px 10px var(--blue))}.selected{color:var(--yellow);filter:drop-shadow(0px 0px 10px var(--yellow))}@media screen and (min-width: 768px){.navBar{top:2rem;right:2rem;width:60px;height:350px;flex-direction:column}.navIcons{font-size:2rem}}.about-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;z-index:2;position:relative}.about-greeting{padding-top:4rem;text-align:center;font-weight:400;font-style:italic;text-shadow:1px 1px 4px var(--black)}.about-name{font-weight:var(--bold2);font-style:italic;text-shadow:1px 1px 4px var(--black);text-align:center}.about-title1,.about-title2{font-style:italic;text-shadow:1px 1px 4px var(--black);text-align:center}.about-title2{font-weight:600}.about-red{color:var(--red)}.about-orange{color:var(--orange)}.about-yellow{color:var(--yellow)}.about-green{color:var(--green)}.about-blue{color:var(--blue)}.about-profileImg{border-radius:0% 0% 50% 50%;max-width:200px;margin:2rem auto;border:2px solid var(--green);box-shadow:0 0 10px 2px var(--green)}.about-title{text-align:center;text-shadow:1px 1px 4px var(--black)}.about-bio{font-size:1.1rem;text-align:justify;max-width:500px;margin:1rem 0 6rem;color:var(--white);text-shadow:1px 1px 3px var(--black)}.card-wrapper{width:100%;height:250px;max-width:500px;border-radius:10px;position:relative;overflow:hidden;transition:var(--transition2);box-shadow:0 0 5px 3px var(--black)}.card-container{width:100%;height:100%;position:relative;transition:var(--transition2)}.card-front-title{font-size:var(--h2);place-self:center;color:var(--green);text-shadow:0px 0px 10px var(--black)}.card-description{font-size:var(--p);color:#fff}.card-techs-label{font-size:var(--p);font-weight:600;color:#fff}.card-techs{font-size:var(--i);font-weight:400;font-style:italic;color:var(--blue)}.card-front,.card-back{width:100%;height:100%;display:grid;position:absolute;padding:10px;backface-visibility:hidden;transition:var(--transition2)}.card-front{background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:2;text-align:center;font-style:italic}.card-back{background-color:#000000ec;color:var(--green);z-index:1;opacity:0}.card-wrapper:hover>.card-container .card-front{opacity:1;z-index:-1;transition-delay:0ms}.card-wrapper:hover>.card-container .card-back{opacity:1;z-index:2;transition-delay:0ms}.card-wrapper:hover{box-shadow:0 0 5px 3px var(--green)}.card-buttons-wrapper{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:10px;padding:0 0 5px 5px}.card-back-button{width:calc(content + 1rem);color:var(--green);background:var(--dark);padding:.4rem .7rem;border-radius:.3rem;cursor:pointer;border:2px inset var(--green);font-size:1rem;transition:var(--transition1)}.card-back-button:hover{background:var(--green);color:var(--dark);box-shadow:0 0 10px 1px var(--green);text-decoration:none}.card-back-button:hover a{color:var(--dark)}.card-back-button a{text-decoration:none;color:var(--green)}@media screen and (min-width: 768px){.card-wrapper{height:300px}.card-front-title{font-size:var(--h1)}.card-description{font-size:var(--h4)}.card-techs{font-size:var(--p)}}.projects-wrapper{display:flex;padding:30px;flex-direction:column;align-items:center;min-height:100vh}.projects-title{color:var(--yellow);margin:1rem 0 3rem;text-align:center;font-weight:300;font-style:italic}.projects-cards-wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:1600px;gap:3rem}.contact-wrapper{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3rem;min-height:100vh;position:relative}.contact-title{margin-top:1rem;color:var(--yellow);text-align:center;font-weight:300;font-style:italic}.contact-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;gap:2rem}.contact-userInput::placeholder,.contact-emailInput::placeholder,.contact-messageInput::placeholder{color:var(--lightWindow)!important}.contact-userInput,.contact-emailInput{font-size:16px;width:100%;height:20px;padding:1rem;border-radius:1rem;box-shadow:0 0 5px 2px var(--green);color:var(--white)}.contact-messageInput{font-size:18px;width:100%;height:200px;padding:.8rem;border-radius:1rem;box-shadow:0 0 5px 2px var(--green);color:var(--white)}.contact-error{color:var(--red);font-size:14px;font-weight:400;text-shadow:0px 0px 10px var(--black)}.contact-btn{width:fit-content;color:var(--green);background:var(--dark);padding:.4rem .7rem;border-radius:10px;cursor:pointer;border:2px inset var(--green);font-size:1rem;transition:var(--transition1)}.contact-btn:hover{background:var(--green);color:var(--dark);box-shadow:0 0 10px 1px var(--green)}.contact-links-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;margin-bottom:5rem}.contact-link1,.contact-link2{height:60px;width:60px;border-radius:50%;transition:var(--transition1)}.contact-link1:hover,.contact-link2:hover{transform:scale(1.2);box-shadow:0 0 15px var(--green)}.skills-wrapper{margin:5rem 0 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.skills-title{text-align:center;font-weight:300;font-style:italic;color:var(--yellow)}.skills-icons{margin-top:3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:90%;max-width:600px;gap:1rem}.skills-icons img{height:45px;width:45px;border-radius:15px;transition:var(--transition1)}.skills-icons img:hover{transform:scale(1.2);box-shadow:0 0 15px var(--green)}@media screen and (min-width: 768px){.skills-icons img{height:60px;width:60px}}.toolbox-wrapper{padding:1rem 30px 0;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;list-style:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;--dark: #2c2c2c;--darkWindow: #00000072;--light: #fffffff0;--lightWindow: #e0e0e080;--pink: #ff00ff;--red: #ff0000;--orange: #ff8800;--yellow: #fdfd84;--green: #00ffbf;--blue: #0099ff;--purple: #800080;--black: #000000;--white: #ffffff;--titleFont: 40px;--h1: 2.75rem;--h2: 1.75rem;--h3: 1.5rem;--h4: 1.2rem;--p: 1rem;--i: 12px;--bold1: 200;--bold2: 400;--bold3: 700;--largeScreen: 70%;--mediumScreen: 80%;--smallScreen: 90%;--transition1: all .3s ease;--transition2: all .8s ease;--swiper-theme-color: var(--green)}body{font-family:Poppins,sans-serif;letter-spacing:.1em;line-height:1.5;width:100%;height:100%;position:relative;background:linear-gradient(45deg,#000,#525252,#000,#525252,#000,#525252);background-repeat:no-repeat;background-position:center;background-attachment:fixed}#root:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:-1}html{scroll-behavior:smooth}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4);font-weight:var(--bold2)}p{font-size:var(--p)}@media screen and (min-width: 768px){body{background-image:url(/assets/spacebg-1HHlTR3D.png);background-size:cover}}