:root{--black-sabbath: rgba(8,9,10, 1);--gandalf-grey: rgba(15, 14, 15, 1);--barry-white: rgba(225,232,235,1);--deep-purple: #a862fd;--merlo-mustard: rgba(255, 212, 0, 1);--kaiser-ruby: rgba(219,22,47,1);--unnatural-green: rgba(82,255,184, 1);--font-stroke-white: .25px var(--barry-white);--font-stroke-purple: .5px var(--deep-purple)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--gandalf-grey);font-family:Roboto Mono,monospace}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar,body::-webkit-scrollbar-track{background-color:var(--gandalf-grey)}body::-webkit-scrollbar-button{display:none}body::-webkit-scrollbar-thumb{background-color:#52ffb84d;border-radius:10px}.flex-column-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-row-center{display:flex;flex-direction:row;justify-content:center;align-items:center}.App{width:100%;justify-content:flex-start;overflow-x:hidden}@media (max-width: 480px){body::-webkit-scrollbar{display:none}.App{justify-content:center;width:100vw;flex-direction:column}}.navbar-wrapper{background-color:var(--gandalf-grey);position:fixed;top:0;left:0;border-right:1px solid var(--barry-white);height:100vh;width:12rem;gap:2rem;z-index:3}.navbar-line-wrapper{position:absolute;left:2rem}.navbar-line{border:1px solid var(--unnatural-green);height:80vh;width:1px}.navbar-list{list-style:none;gap:1rem;width:100%}.navbar-name-wrapper{width:100%;flex-direction:column;align-items:center;height:4rem}.navbar-link,.navbar-name,.navbar-last-name{text-decoration:none;font-family:Roboto Mono,monospace;font-size:1.25rem;color:var(--barry-white);padding-left:4rem}.navbar-link{text-align:left;width:100%;height:100%;background:none;border:none;cursor:pointer}.navbar-item{display:flex;align-items:center;height:3rem;width:100%}.navbar-item.active{background-color:#e1e8eb4d}.navbar-item:hover{background-color:#e1e8eb21;cursor:pointer}.navbar-item.active:hover{background-color:#e1e8eb4d}.navbar-last-name{font-weight:700;font-family:Syncopate,sans-serif;color:var(--cod-gray);-webkit-text-stroke:.25px var(--barry-white)}@media screen and (max-width: 480px){.navbar-wrapper{width:100vw;height:auto;display:flex;flex-direction:row;border:none;z-index:5;bottom:0;top:auto}.navbar-line-wrapper,.navbar-name-wrapper,.navbar-line{display:none}.navbar-item{height:3rem}.navbar-link{padding:10px}.navbar-list{width:100%;flex-direction:row;justify-content:space-evenly;gap:0}.navbar-link{width:100%;font-size:.9rem;text-align:center}}@media (max-width: 359px){.navbar-list{gap:.5}.navbar-link{font-size:.7rem;padding:1%}}.home-wrapper{height:100vh;width:100%;justify-content:flex-start;overflow:hidden}.know-me-wrapper{height:100vh;width:14rem;gap:1rem;justify-content:flex-end}.know-me-text{color:var(--barry-white);writing-mode:vertical-rl;text-orientation:mixed;padding-left:.15rem;font-size:14px;transform:rotate(-180deg)}.know-me-arrow{margin-bottom:5rem;height:3rem}.hero-wrapper{height:100vh;width:100%;color:var(--barry-white)}.profile-wrapper{justify-content:flex-start;align-items:flex-end;height:80%;width:100%;gap:2rem;position:relative}.profile-avatar-background{position:absolute;height:20rem;width:16rem;background-color:var(--barry-white);z-index:0;left:2rem;bottom:3rem;opacity:.1;border-radius:5px}.profile-avatar{z-index:3;width:20rem}.profile-title-wrapper{height:100%;width:100%;align-items:flex-start;justify-content:flex-end;gap:3rem}.profile-title-greetings-name,.profile-title-greetings-last-name{font-size:3.5rem}.profile-title-greetings-last-name,.profile-title-greetings-hey{color:transparent;font-weight:700;font-family:Syncopate,sans-serif;-webkit-text-stroke:var(--font-stroke-white)}.profile-title-greetings-hey{font-family:Roboto Mono,monospace;font-size:2rem}.media-logos-wrapper{gap:1rem}.media-logo-wrapper{border:solid var(--merlo-mustard) 2px;width:2.5rem;height:2.5rem;border-radius:5px}.media-logo-wrapper:active{transform:scale(.9)}.media-logo{width:70%}.tech-profile-developer{color:var(--unnatural-green);font-weight:900}.mail-wrapper-outer{height:20%;align-items:flex-end;font-size:15px}.mail-wrapper-inner{flex-direction:row;margin:0 5rem 0 0}.mail-background-mailTo{color:var(--barry-white);opacity:.3}.mail-link{opacity:1;text-decoration:none;color:var(--deep-purple)}.mail-line{border:solid 1px var(--unnatural-green);height:1px;width:125px;margin:1rem 5rem 0 0}@media (max-width: 480px){.home-wrapper{flex-direction:column;height:100vh;margin-top:-5vh}.profile-avatar{width:165px}.profile-avatar-background{width:100px;height:100px;top:3rem;left:10rem}.profile-wrapper{flex-direction:column;margin-top:5rem;align-items:center;justify-content:center;gap:1rem}.profile-title-wrapper{align-items:center;justify-content:flex-start;gap:1rem}.profile-title-greetings-hey,.profile-title-greetings-name,.profile-title-greetings-last-name,.tech-profile-developer,.tech-profile-designer{text-align:center}.profile-title-greetings-hey,.tech-profile-developer,.tech-profile-designer{font-size:1.25rem}.profile-title-greetings-name{font-size:2rem}.profile-title-greetings-last-name{font-size:2.5rem}.media-logo-wrapper{width:40px;height:40px}.media-logo{width:1.75rem;height:1.75rem}.know-me-wrapper{position:absolute;left:10px;width:2rem}.know-me-text{font-size:12px}.mail-wrapper-outer{position:absolute;right:20px;bottom:12vh;width:100%;height:1rem}.mail-wrapper-inner{margin:0 1rem 0 0;font-size:12px}.mail-line{margin-right:0;border-top:none}}@media (max-width: 359px){.know-me-wrapper{display:none}}.particle{background-color:var(--deep-purple);position:absolute;opacity:.09;z-index:-5}@keyframes rotate-animation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.about-wrapper{width:100%;height:100vh;color:var(--barry-white);background-size:10vh 10vh;background-image:linear-gradient(to right,rgba(225,232,235,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(225,232,235,.1) 1px,transparent 1px);border-bottom:1px solid rgba(225,232,235,.1);border-top:1px solid rgba(225,232,235,.1);background-position:center top}.cards-wrapper{gap:3rem;align-items:flex-start;height:14rem}.category-wrapper{width:90%;transition:all ease-in-out .5s}.category-line{height:3px;width:5rem;background-color:var(--unnatural-green);margin-bottom:-.5rem}.the-developer-title,.the-guy-behind-title{font-size:1.5rem;margin:1rem 0rem}.the-developer-wrapper,.the-guy-behind-wrapper{opacity:0}.the-developer-wrapper{transform:translate(75rem);z-index:5}.the-guy-behind-wrapper{transform:translate(-75rem)}.the-developer-wrapper.visible,.the-guy-behind-wrapper.visible{transform:translate(0);opacity:1}.category-about-cards-wrapper{gap:2rem;align-items:flex-start}.the-developer-wrapper,.the-developer-wrapper .about-card-wrapper{align-items:flex-start}.the-guy-behind-wrapper,.the-guy-behind-wrapper .about-card-wrapper{align-items:flex-end}.the-guy-behind-wrapper .about-card-wrapper .about-card-description{text-align:end}.about-card-wrapper{width:13rem;padding:.75rem;gap:1rem;background-color:var(--gandalf-grey);border:2px solid var(--deep-purple);border-radius:5px;justify-content:flex-start;transition:all .5s ease-in-out;box-shadow:5px 5px #52ffb899}.about-card-role{font-size:1rem;color:var(--unnatural-green)}.about-card-icon{width:30px}.about-card-description{width:100%;height:auto;font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.about-card-expand-button{margin:auto;width:3rem;height:2rem;background-color:#ffc10700;border:solid 1px var(--merlo-mustard);border-radius:5px}.about-card-expand-button:active{transform:translateY(2px)}.about-card-expand-button:hover{cursor:pointer}.about-card-expand-icon{width:2rem}@media (max-width: 480px){.about-wrapper{height:fit-content;flex-direction:row;align-items:flex-start;padding:0 1rem;z-index:1}.category-wrapper{height:100%;flex-direction:column;justify-content:flex-start;margin:5rem 0}.category-title{font-size:1.25rem}.cards-wrapper{height:100%;flex-direction:column;justify-content:flex-start}.about-card-wrapper{width:10rem;gap:.5rem}.about-card-wrapper:hover{transform:none}.about-card-wrapper>h3{font-size:1rem}.about-card-wrapper>p{font-size:.65rem}.the-developer-wrapper{transform:translate(-5rem)}.the-guy-behind-wrapper{transform:translate(5rem)}.the-guy-behind-title{text-align:end}.category-title{margin-top:1rem;width:auto}}.skills-wrapper{padding:0rem 2rem;min-height:100vh;width:100%;color:var(--barry-white);overflow-x:hidden}.skills-section-title{font-size:1.5rem}.skills-main-wrapper{margin:4rem 0;width:100%}.skills-cards-wrapper{gap:2rem}.skills-card-wrapper{padding:1rem;width:7rem;height:8rem;border:solid 2px var(--deep-purple);border-radius:5px;justify-content:space-between;box-shadow:5px 5px #52ffb899}.technologies-wrapper,.tools-wrapper{align-items:flex-end;gap:1rem;transition:all ease-in-out .75s;opacity:0}.technologies-wrapper{transform:translate(75rem)}.tools-wrapper{transform:translate(-75rem)}.tools-wrapper.active,.technologies-wrapper.active{transform:translate(0);opacity:1}.technologies-wrapper{align-items:flex-start;flex-direction:column-reverse;margin-right:auto}.skills-card-logo{height:4rem}.skills-card-title{font-size:15px;color:var(--unnatural-green)}.skills-line{width:100%;height:1px;background-color:var(--unnatural-green);margin:1rem 0}.marquee-container{user-select:none;width:100vw;overflow:hidden;white-space:nowrap}.marquee-text{display:inline-block;line-height:4rem;font-size:4rem;font-weight:900;color:transparent;-webkit-text-stroke:var(--font-stroke-purple)}.marquee-up-first{animation:marqueeLeftFirst 50s linear infinite}.marquee-up-second{animation:marqueeLeftSecond 50s linear infinite}.marquee-down{padding:0 0 0 4rem}.marquee-down-first{animation:marqueeRightFirst 50s linear infinite}.marquee-down-second{animation:marqueeRightSecond 50s linear infinite}@keyframes marqueeLeftFirst{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqueeLeftSecond{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqueeRightFirst{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes marqueeRightSecond{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 480px){.skills-wrapper{height:fit-content;padding:2rem 1rem}.skills-main-wrapper{margin:2rem 0rem}.skills-cards-wrapper{width:100%;flex-wrap:wrap;justify-content:space-between}.skills-cards-wrapper{gap:1rem}.skills-card-wrapper{width:5.25rem;height:6rem;padding:.5rem}.tools-wrapper .skills-cards-wrapper{justify-content:flex-end}.technologies-wrapper .skills-cards-wrapper{align-items:center;justify-content:flex-start}.technologies-wrapper .skills-cards-wrapper .skills-card-wrapper:nth-child(1){margin:0 60% 0 0}.skills-card-title{font-size:.75rem}.skills-card-logo{height:3rem}.technologies-wrapper{transform:translate(10rem)}.tools-wrapper{transform:translate(-10rem)}.skills-section-title{font-size:1.25rem}.marquee-text{font-size:3rem}}@media (max-width: 319px){.technologies-wrapper .skills-cards-wrapper .skills-card-wrapper:nth-child(1){margin:0}}.projects-wrapper{color:var(--barry-white);height:100vh;width:100%;background-size:10vh 10vh;background-image:linear-gradient(to right,rgba(225,232,235,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(225,232,235,.1) 1px,transparent 1px);border-bottom:1px solid rgba(225,232,235,.1)}.carousel-wrapper{overflow:hidden;justify-content:flex-start;width:100vw;margin:0 auto;padding:0 0 0 calc((45vw - 12rem)/2);position:relative}.carousel-inner{height:100vw;transition:ease 1s;gap:calc(70rem - 55vw);display:flex}.carousel-item-wrapper{width:55vw;border:2px solid var(--deep-purple);border-radius:5px;background-color:var(--gandalf-grey);padding:1rem;gap:1rem;justify-content:flex-start;position:relative;box-shadow:5px 5px #52ffb899}.carousel-buttons-wrapper{width:53.5vw;position:absolute;z-index:1;top:50;justify-content:space-between;padding-left:1.5vw}.carousel-button-icon{height:1.5rem}.carousel-item-wrapper img{border-radius:5px}.carousel-item-desktop-screen{width:80%}.carousel-item-mobile-screen{width:9rem;position:absolute;right:1.5rem;top:1.5rem;border:solid 3px var(--unnatural-green)}.carousel-item-mobile-wrapper{gap:1rem}.carousel-item-data-wrapper{width:100%;align-items:flex-start;gap:.5rem}.carousel-item-data-title{font-size:2rem;margin:0 auto}.carousel-item-data{font-size:14px;font-weight:400}.carousel-item-data-heading{color:var(--unnatural-green)}.carousel-item-data-link{text-decoration:none;color:var(--merlo-mustard);gap:.5rem}.link-icon{width:.75rem;margin-top:.2rem}.carousel-item-data-wrapper a:hover{color:var(--merlo-mustard)}.carousel-button{width:3rem;height:3rem;background-color:var(--gandalf-grey);border:solid 2px var(--merlo-mustard);border-radius:50%;cursor:pointer;transition:all ease .05s;z-index:2}.button-prev:active{transform:translate(-5px)}.button-next:active{transform:translate(5px)}@media (max-width: 480px){.carousel-wrapper{width:100vw;height:100vh;padding-left:calc((100vw - 21rem)/2)}.carousel-buttons-wrapper{width:100vw;justify-content:center;left:0;gap:42vw;top:32vh}.carousel-inner{transition:ease .5s;gap:49rem}.carousel-item-wrapper{width:21rem;height:35rem;gap:4rem}.carousel-button-icon{height:1.15rem}.carousel-item-data-title{font-size:1.6rem;margin:1rem auto 2rem}.carousel-item-data,.carousel-item-data-link{font-size:14px}.carousel-item-mobile-screen{width:5rem}}.contact-wrapper{height:100vh;width:100%;color:var(--barry-white);position:relative;overflow:hidden}.contact-form-wrapper{width:35rem;border:2px solid var(--deep-purple);border-radius:5px;gap:1rem;padding:1rem;box-shadow:5px 5px #52ffb899;background-color:var(--black-sabbath)}.form-title{text-align:center}.form-container{width:30rem;gap:.5rem}.contact-form-wrapper label{margin-right:auto;font-size:.9rem}.form-input{height:2rem}.form-textarea-container{width:100%;height:10rem}.form-message{resize:none;height:100%}.form-input,.form-message{width:100%;background-color:#e1e8eb1f;border:1px solid var(--unnatural-green);border-radius:5px;font-size:15px;padding:.5rem;font-family:Roboto Mono,monospace;color:var(--barry-white)}.form-input:focus,.form-message:focus{border:1px solid var(--unnatural-green);outline:none}.form-submit{height:2rem;width:7rem;margin:.5rem 0 .5rem auto;font-weight:700;background:none;border:2px solid var(--merlo-mustard);border-radius:5px;color:var(--barry-white);cursor:pointer;font-family:Roboto Mono,monospace;font-size:1rem}.form-submit:active{transform:translateY(2px)}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay:9999s}@media (max-width: 480px){.contact-form-wrapper{width:20rem}.form-container{width:90%}.form-title{font-size:15px}}.main-wrapper{width:100%;padding:0 0 0 12rem}@media (max-width: 480px){.main-wrapper{padding:0}}