@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap";@media(prefers-color-scheme: dark){:root{--clr-text: hsl(0, 0%, 100%);--clr-background: hsl(240, 9%, 13%)}}[color-scheme=dark]{--clr-text: hsl(0, 0%, 100%);--clr-background: hsl(240, 9%, 13%)}@media(prefers-color-scheme: light){:root{--clr-text: hsl(240, 9%, 13%);--clr-background: hsl(0, 0%, 100%)}}[color-scheme=light]{--clr-text: hsl(240, 9%, 13%);--clr-background: hsl(0, 0%, 100%)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}*::-moz-selection{background-color:hsl(213,94%,68%);color:#fff;text-decoration:underline;text-shadow:0 5px 5px rgba(0,0,0,.8);stroke-width:5px}*::selection{background-color:hsl(213,94%,68%);color:#fff;text-decoration:underline;text-shadow:0 5px 5px rgba(0,0,0,.8);stroke-width:5px}html{overflow-y:scroll;overflow-x:hidden;height:100vh}body{font-family:"Poppins",sans-serif;font-size:1.1rem;font-weight:300;line-height:1.6;background-color:hsl(240,9%,13%);color:hsl(256,20%,89%);background-color:var(--clr-background);color:var(--clr-text)}body::-webkit-scrollbar{width:inherit}body::-webkit-scrollbar-track{background-color:hsl(240,9%,13%)}body::-webkit-scrollbar-thumb{background-color:hsl(213,94%,68%);border-radius:20px}img{width:100%}a:link,a:visited{text-decoration:none;color:var(--clr-text)}.container{padding:2rem 1rem;margin:0 auto;max-width:1400px}@media screen and (min-width: 899px){.container{padding:4rem 2rem}}.hidden{display:none}h1,h2,h3,h4,h5,h6{font-size:1.8rem;text-align:center;font-family:"Merriweather",serif}@media screen and (min-width: 899px){h1,h2,h3,h4,h5,h6{font-size:3rem}}input,select,textarea,button{font-family:inherit}section{padding:2rem 1rem;margin:0 auto;max-width:1400px}@media screen and (min-width: 899px){section{padding:4rem 2rem}}button,.btn{align-self:flex-start;font-family:inherit;font-size:1.1rem;border-radius:5px;cursor:pointer;padding:.5rem 2rem;text-transform:uppercase;border:3px solid hsl(213,94%,68%);color:var(--clr-text);background-color:rgba(0,0,0,0);box-shadow:0px .5rem .5rem rgba(0,0,0,.3);transition:.15s ease-in-out}button:focus,button:hover,.btn:focus,.btn:hover{background-color:hsl(213,94%,68%)}button:active,.btn:active{transform:scale(0.975);box-shadow:0px .4rem .4rem rgba(0,0,0,.1)}.reveal{opacity:0}.reveal.active{opacity:1}.highlight{color:hsl(213,94%,68%)}.active.fade-top{animation:fade-top 1s ease-in}.active.fade-bottom{animation:fade-bottom 1s ease-in}.active.fade-left{animation:fade-left 1s ease-in}.active.fade-right{animation:fade-right 1s ease-in}@keyframes fade-top{0%{transform:translateY(-100px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-bottom{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-left{0%{transform:translateX(-100px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fade-right{0%{transform:translateX(100px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes bounce-in{0%{transform:scale(0)}80%{transform:scale(105%)}90%{transform:scale(95%)}100%{transform:scale(100%)}}.active.bounce-in{animation:bounce-6 1s ease}@keyframes bounce-6{0%{transform:scale(1, 1) translateY(0)}10%{transform:scale(1.1, 0.9) translateY(0)}30%{transform:scale(0.9, 1.1) translateY(-30px)}50%{transform:scale(1.05, 0.95) translateY(0)}57%{transform:scale(1, 1) translateY(-7px)}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}.squeeze{animation:squeeze .3s forwards ease-in}@keyframes squeeze{0%{transform:scale(1, 1)}50%{transform:scale(0.9, 1)}70%{transform:scale(0.9, 0.3)}100%{transform:scale(0.9, 0.8)}}header{background-color:var(--clr-background);position:fixed;width:100%;z-index:100}@media screen and (min-width: 899px){header{padding-inline:1rem}}.navbar{display:flex;justify-content:space-between;align-items:center;color:var(--clr-text)}.navbar .navbar__logo{font-family:"Merriweather",serif;color:hsl(213,94%,68%);font-size:1.5rem;margin:.5rem;width:50px;height:50px;background-color:hsl(213,94%,68%);border-radius:50%}.navbar .navbar__logo img{width:100%}.navbar__links ul{display:flex;gap:2rem}.navbar__links li{list-style:none;position:relative}.navbar__links li::after{content:"";position:absolute;width:0;height:4px;display:block;margin-top:4px;right:0;background:hsl(213,94%,68%);transition:width .2s ease}.navbar__links li:hover::after{width:100%;left:0}.navbar__links li a{text-decoration:none;color:var(--clr-text);padding:.25rem;display:block}.navbar .hamburger{position:absolute;cursor:pointer;top:1rem;right:1rem;display:none;font-size:1.5rem;line-height:1.5rem;padding:.25rem}@media(max-width: 600px){.navbar{flex-direction:column;align-items:flex-start}.navbar__links{display:none;width:100%}.navbar__links ul{width:100%;flex-direction:column;gap:0}.navbar__links li{text-align:center}.navbar__links li:hover{background-color:hsl(213,94%,68%)}.navbar__links li::after{content:"";width:0;height:0}.navbar__links li:hover::after{width:0;height:0}.navbar__links li a{padding:.25rem .5rem}.navbar__links.active{display:flex;background-color:hsl(240,9%,12.1%)}.navbar .hamburger{display:inline-block}}#particles-js{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:var(--clr-background)}#particles-js::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, hsla(240, 9%, 13%, 0) 0%, hsla(240, 9%, 13%, 0.5) 70%, hsl(240, 9%, 13%) 100%);background:linear-gradient(to bottom, rgba(var(--clr-background), 0) 0%, rgba(var(--clr-background), 0.7) 70%, rgba(var(--clr-background), 1) 100%)}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center;text-transform:uppercase}.hero__cta{margin-top:10rem;align-self:center;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:2px;border-radius:5px;cursor:pointer;padding:.5rem 2rem;text-transform:uppercase;border:3px solid hsl(213,94%,68%);color:var(--clr-text);background-color:rgba(0,0,0,0);box-shadow:0px .5rem .5rem rgba(0,0,0,.3);transition:.15s ease-in-out}.hero__cta:focus,.hero__cta:hover{background-color:hsl(213,94%,68%)}.hero__cta:active{transform:scale(0.975);box-shadow:0px .4rem .4rem rgba(0,0,0,.1)}.hero__header{font-family:"Poppins",sans-serif}@media screen and (min-width: 899px){.hero__header{letter-spacing:15px}}.hero__header .first-name{font-size:3.3rem;display:block;display:inline-block;padding:0;margin:0;line-height:.8;background:linear-gradient(to right, hsl(194, 100%, 81%) 30%, hsl(268, 74%, 65%) 50%, hsl(341, 76%, 76%) 70%, hsl(40, 74%, 73%) 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero__header .first-name span{display:inline-block;background-color:hsl(213,94%,68%) !important;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:bounce-6 1s ease}.hero__header .first-name span:first-child{background-color:hsl(194,100%,81%);animation-delay:0}.hero__header .first-name span:nth-child(2){background-color:hsl(194,100%,81%);animation-delay:.2s}.hero__header .first-name span:nth-child(3){background-color:hsl(223,84%,79%);animation-delay:.4s}.hero__header .first-name span:nth-child(4){background-color:hsl(268,74%,65%);animation-delay:.6s}.hero__header .first-name span:nth-child(5){background-color:hsl(303,44%,65%);animation-delay:.8s}.hero__header .first-name span:nth-child(6){background-color:hsl(354,71%,78%);animation-delay:1s}.hero__header .first-name span:last-child{background-color:hsl(40,74%,73%);animation-delay:1.2s}@media screen and (min-width: 499px){.hero__header .first-name{font-size:5rem}}@media screen and (min-width: 899px){.hero__header .first-name{font-size:7.5rem}}.hero__header .last-name{font-size:3rem;background:#a2d2ff;color:var(--clr-background);display:inline-block;padding:0 1rem;border-radius:5px;line-height:1;background:linear-gradient(to right, hsl(194, 100%, 81%) 30%, hsl(268, 74%, 65%) 50%, hsl(341, 76%, 76%) 70%, hsl(40, 74%, 73%) 94%);background:hsl(213,94%,68%)}@media screen and (min-width: 499px){.hero__header .last-name{font-size:4.65rem}}@media screen and (min-width: 899px){.hero__header .last-name{font-size:7rem}}.hero__subheader{font-size:1.125rem;margin-block:1rem;transform:translateX(-150%);animation:slide-in .75s .6s forwards ease-in-out}@media screen and (min-width: 899px){.hero__subheader{letter-spacing:3px;font-size:1.5rem}}@keyframes slide-in{from{transform:translateX(-150%)}to{transform:translateX(0)}}@keyframes breathe{0%{transform:translateY(0) scale(1)}100%{transform:translateY(25px) scale(1.05)}}.center{-webkit-user-select:none;-moz-user-select:none;user-select:none}figure{--hov: 0;--not-hov: calc(1 - var(--hov));display:grid;place-self:center;margin:0;padding-top:20%;transform:scale(calc(1 - 0.1 * var(--not-hov)));overflow:hidden;border-radius:0 0 clamp(4em,10vw,7.5em) clamp(4em,10vw,7.5em)}figure,figure img{transition:transform .2s ease-in-out;filter:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.5))}figure::before,figure img{grid-area:1/1;place-self:end center}figure::before{content:"";padding:clamp(4em,10vw,7.5em);border-radius:50%;background-color:hsl(213,94%,68%)}figure:hover{--hov: 1}figure img{width:calc(2*clamp(4em, 10vw, 7.5em));border-radius:clamp(4em,10vw,7.5em);transform:translateY(calc((0.5 - var(--hov)) * 10%)) scale(calc(1.25 + 0.05 * var(--hov)))}.about{padding:0;margin:0 auto;max-width:unset;position:relative;margin-top:4rem}@media screen and (min-width: 899px){.about{padding:0}}.about__header{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;margin-bottom:2rem;position:absolute;font-size:3.75rem;line-height:1;top:-2rem;left:1rem;background-image:linear-gradient(to bottom, hsla(213, 94%, 68%, 0.5) 0%, hsla(213, 94%, 68%, 0.1) 70%);background-size:100%;background-repeat:repeat;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-moz-text-fill-color:rgba(0,0,0,0);transform-origin:left;animation:breathe 4s infinite ease-in-out alternate}@media screen and (min-width: 899px){.about__header{font-size:10rem;top:-5rem}}.about__introduction{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:space-between;gap:1rem}@media screen and (min-width: 899px){.about__introduction{flex-direction:row;gap:2rem}}.about__introduction__avatar{max-width:250px;max-height:250px;align-self:center;background-color:hsl(213,94%,68%);border-radius:50%}.about__introduction__avatar img{position:relative;top:-100px;left:5px;border-radius:50%}.about__introduction .about__body{flex-grow:1;flex-basis:80%;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;font-size:.88rem;text-align:justify;padding:.5rem;border-radius:15px}@media screen and (min-width: 899px){.about__introduction .about__body{font-size:1.1rem;align-self:stretch;padding:2rem;max-width:75ch;gap:3rem}}.about__introduction .about__biography{display:flex;flex-direction:column;gap:1rem}.about button{font-size:.88rem;align-self:center}@media screen and (min-width: 899px){.about button{font-size:1.1rem;align-self:flex-start}}.about__traits{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));row-gap:.5rem;-moz-column-gap:1rem;column-gap:1rem;justify-content:space-between;background-color:hsl(240,9%,10.4%);background-color:#f8fafc;background-color:hsl(213,94%,68%);border-block:1px solid hsl(213,94%,68%);box-shadow:0 10px 5px rgba(0,0,0,.2);margin-block:0rem 4rem}@media screen and (min-width: 899px){.about__traits{-moz-column-gap:4rem;column-gap:4rem;row-gap:2rem}}.about .trait{text-align:center;padding:.5rem 1rem}.about .trait__header{color:#ccc;font-size:.935rem;font-weight:700;color:#171717;color:#fafafa;color:var(--clr-text)}@media screen and (min-width: 1399px){.about .trait__header{font-size:1.125rem}}.about .trait__body{color:hsl(0,0%,75%);font-size:.66rem;color:#262626;color:#f5f5f5;color:var(--clr-text);font-weight:500}@media screen and (min-width: 1399px){.about .trait__body{font-size:.825rem}}.highway-slider{display:flex;justify-content:center;width:100%;position:relative}.highway-slider::before{content:" ";position:absolute;z-index:9;inset:0;background:linear-gradient(to right, rgba(var(--clr-text), 1) 0%, rgba(var(--clr-text), 0) 15%, rgba(var(--clr-text), 0) 85%, rgba(var(--clr-text), 0.8) 90%, rgba(var(--clr-text), 1) 100%)}.highway-barrier{width:100%;overflow:hidden;position:relative}.highway-lane{display:flex;height:100%}.highway-car{flex:1;display:flex;justify-content:center;align-items:center}@keyframes translateInfinite{100%{transform:translateX(-1800px)}}#infinite .highway-barrier{box-shadow:0 3px 10px -3px rgba(0,0,0,.3)}#infinite .highway-barrier::before,#infinite .highway-barrier::after{content:" ";position:absolute;z-index:9;width:300px;height:100%}#infinite .highway-barrier .highway-lane{width:3600px}#infinite .highway-barrier .highway-lane .highway-car{width:300px;animation:translateInfinite 20s linear infinite}.highway-slider:hover .highway-car{animation-play-state:paused !important}.projects{margin:0 auto}@media screen and (min-width: 899px){.projects__header{padding-inline:2rem}}@media screen and (min-width: 899px){.projects__header::before,.projects__header::after{content:"";display:inline-block;border-top:.25rem solid hsl(213,94%,68%);width:1rem;margin:0 1rem;transform:translateY(-0.8rem);width:5rem}}.projects .projects__more{color:hsl(213,94%,68%);font-size:1.1rem;margin-top:1rem;margin-right:2rem;display:flex;justify-content:flex-end}.projects__subheader{display:flex;justify-content:space-between;margin-block:1rem}@media screen and (min-width: 899px){.projects__subheader{font-size:1.5rem;padding-inline:2rem}}.projects__subheader span{color:hsl(213,94%,68%)}.projects__grid{display:flex;flex-direction:column;gap:7.5rem}.projects__grid .project{display:flex;flex-direction:column;gap:2.5rem}@media screen and (min-width: 899px){.projects__grid .project{gap:5rem}}.projects__grid .project__preview{flex-basis:55%}.projects__grid .project__preview img{border-radius:15px;-o-object-fit:cover;object-fit:cover;max-height:300px;box-shadow:0 .5rem .5rem rgba(0,0,0,.5)}@media screen and (min-width: 899px){.projects__grid .project__preview img{max-height:unset}}.projects__grid .project__info{display:flex;flex-direction:column;flex-basis:45%;align-items:flex-start;align-self:center;gap:1.5rem}@media screen and (min-width: 899px){.projects__grid .project:nth-of-type(even){flex-direction:row-reverse}}.projects__grid .project__header{font-size:1.5rem}.projects__grid .project__description{font-size:1.1rem}@media screen and (min-width: 899px){.projects__grid .project__description{font-size:1.1rem}}.projects__grid .project__buttons{display:flex;gap:2rem;justify-content:center}@media screen and (min-width: 899px){.projects__grid .project{flex-direction:row}}.projects__cta{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;padding:1rem .5rem;font-size:.825rem;margin-block:3rem 0;text-align:left;text-align:center;box-shadow:0 .5rem .5rem rgba(0,0,0,.5);border-top:2px solid hsl(213,94%,68%);border-bottom:2px solid hsl(213,94%,68%)}@media screen and (min-width: 899px){.projects__cta{flex-direction:row;text-align:left;gap:2rem;align-items:center;justify-content:space-between;padding:2rem 10rem;font-size:1.1rem}}.projects__cta h2{font-family:"Poppins";font-size:1.125rem;text-align:inherit}@media screen and (min-width: 899px){.projects__cta h2{font-size:1.5rem}}.projects__cta a{margin:0;font-size:.825rem}.flex-container{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width: 899px){.flex-container{flex-direction:row;justify-content:space-between;gap:5rem}}.education svg,.education img{color:hsl(213,94%,68%);width:1.75rem;aspect-ratio:1.25;position:absolute;top:1px;left:-1.75rem;padding:.1rem .1rem .2rem .1rem;background-color:var(--clr-background)}@media screen and (min-width: 899px){.education svg,.education img{width:2rem;left:-2.5rem}}.skills__header{font-size:1.5rem;font-weight:700}.skills__list{margin-block:1rem 4rem;display:flex;flex-wrap:wrap;gap:1rem}.skill{transition:.3s ease-in-out;color:var(--clr-text);box-shadow:0 5px 5px rgba(0,0,0,.3);background-color:hsl(240,9%,11.7%);background-color:var(--clr-background, 0);padding:.5rem .75rem;border-radius:15px;font-weight:700;display:flex;flex-direction:row;flex:0 0 25%;gap:.75rem;align-items:center;justify-content:center;line-height:1;font-size:.825rem}.skill:hover,.skill:focus{transform:scale(1.05);background-color:hsl(213,94%,68%)}@media screen and (min-width: 899px){.skill{font-size:1.1rem}}.skill img{width:30px;height:30px}@media screen and (min-width: 899px){.skill img{width:40px;height:40px;gap:.75rem}}.skill i{font-size:1.65rem}.experience__header{margin-bottom:2rem}@media screen and (min-width: 899px){.experience__header::before,.experience__header::after{content:"";display:inline-block;border-top:.25rem solid hsl(213,94%,68%);width:1rem;margin:0 1rem;transform:translateY(-0.8rem);width:5rem}}.experience .date{color:hsl(256,20%,71.2%)}.experience .header{font-size:1.5rem}.experience ul{margin-left:2ch}.experience li{position:relative;list-style-type:none}.experience li:not(:last-child){padding-bottom:3rem}.experience li::before{content:"";position:absolute;left:-1rem;top:2px;width:2px;height:calc(100% - 4px);background:hsl(213,94%,68%)}@media screen and (min-width: 899px){.experience li::before{left:-1.5rem}}input::-moz-placeholder, textarea::-moz-placeholder{color:hsl(0,0%,70%)}input::placeholder,textarea::placeholder{color:hsl(0,0%,70%)}.contact__info>p,.contact__form>p{color:hsl(256,20%,71.2%);font-size:.88rem;margin-bottom:1rem;margin-bottom:2rem}@media screen and (min-width: 899px){.contact__info>p,.contact__form>p{font-size:1.1rem;margin-bottom:2rem;margin-bottom:3rem}}.contact{display:flex;flex-direction:column;gap:3rem;text-align:justify}@media screen and (min-width: 899px){.contact{flex-direction:row;justify-content:space-between;gap:1rem;text-align:left}}.contact h6{font-size:1.5rem;margin-bottom:1rem}@media screen and (min-width: 899px){.contact h6{font-size:2rem}}.contact .socials{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1rem}.contact .social-link{display:flex;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:50%}.contact a:hover{background-color:#fff}.contact a svg{fill:#fff;width:65%;height:65%}.contact a:hover svg{fill:hsl(213,94%,68%)}.contact__info{display:flex;flex-direction:column}@media screen and (min-width: 899px){.contact__info{flex:0 0 48%;padding-bottom:75px}}.contact__info address{font-style:normal}.contact__info a{color:inherit}.contact__info a:hover{color:hsl(213,94%,68%)}.contact__info .contact__details{font-size:.99rem;margin-top:1rem}.contact__info .contact__details>*:not(:last-child){margin-bottom:1rem}.contact .contact__detail{display:flex;gap:.5rem;align-items:center;justify-content:flex-start}.contact .contact__detail svg,.contact .contact__detail img{color:hsl(213,94%,68%);width:20px;aspect-ratio:1.25}.contact .contact__detail p,.contact .contact__detail a{transition:.3s ease-in-out}.contact .contact__detail p:hover,.contact .contact__detail a:hover{transform:translateX(0.25rem)}@media screen and (min-width: 899px){.contact__form{flex:0 0 48%}}.contact__form .form__row{display:flex;flex-direction:column;gap:1rem;gap:1.5rem}@media screen and (min-width: 499px){.contact__form .form__row{flex-direction:row;justify-content:space-around}.contact__form .form__row>*{flex-basis:100%}}.contact__form form{display:flex;flex-direction:column;gap:1.75rem}.contact__form form input{height:50px;border-radius:5px;color:#fff;background-color:var(--clr-background);border:none;border:3px solid hsl(213,94%,68%);padding-left:1rem}.contact__form form textarea{border-radius:5px;color:#fff;background-color:var(--clr-background);border:3px solid hsl(213,94%,68%);padding-left:1rem;padding-top:1rem}.footer{padding:2rem 1rem;text-align:center}.footer .socials{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.footer .social-link{display:flex;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:50%;transition:.3s ease-in-out}.footer a:hover{background-color:#fff}.footer a svg{fill:#fff;width:65%;height:65%}.footer a:hover svg{fill:hsl(213,94%,68%)}.footer__copyright span:nth-child(2){color:hsl(213,94%,68%)}/*# sourceMappingURL=style.css.map */