@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,600,400i);*{box-sizing:border-box;margin:0;padding:0;top:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#242424}::-webkit-scrollbar-thumb{background:#f43361;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff}::selection{background-color:#f43361;color:#fff}html{font-size:16px;scroll-behavior:smooth}img{max-width:100%}button,input,textarea{border:none;font-family:Rubik,sans-serif;outline:none}a{color:#f43361;text-decoration:none}body{background:url(/static/media/background-texture.fb5a77c070d4876641c0.png),#242424 0 0/100% 100% repeat;color:#fff;font-family:Rubik,sans-serif;height:calc(100dvh - 80px);margin-top:80px;width:100%,linear-gradient(45deg,#000,#242424)}#main,body{overflow-x:hidden}#main{display:flex;flex-direction:column;gap:10rem;transition:.3s ease-out;width:100%}#root{scroll-padding:300px}article{min-height:100dvh;padding:10px;width:100%}article .sub-title{color:hsla(0,0%,100%,.565);font-weight:300;letter-spacing:1px;margin-bottom:2rem;padding:0 .25rem;text-align:center}.nav-active{-webkit-transform:translateX(-30vw);transform:translateX(-30vw)}.background-texture{background:linear-gradient(45deg,#000,#242424);opacity:.8;z-index:-1}.background-texture,.first-animation{height:100%;left:0;position:fixed;top:0;width:100%}.first-animation{z-index:99999}.first-animation #first-animation-svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fade{-webkit-animation:fade-in-out 1s ease-in-out forwards;animation:fade-in-out 1s ease-in-out forwards}.error-page{flex-direction:column;gap:15vh}.error-page,.error-page .button-wrapper,.error-page .error-header{align-items:center;display:flex;justify-content:center}.error-page .error-header{flex-direction:column}.error-page .error-header .error-code{color:#f43361;display:flex;font-size:4rem}.white-text{color:#fff}.title{font-size:2.5rem;text-align:center}@-webkit-keyframes fade-in-out{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out{0%{opacity:0}to{opacity:1}}.button{cursor:pointer;padding:1em 3em;text-align:center}.primary-button{background-color:#242424;color:#fff;font-size:1rem;position:relative;transition:all .2s ease}.primary-button:before{background-color:#f43361;content:"";height:100%;left:0;outline:1px solid #f43361;pointer-events:none;position:absolute;top:0;transition:.2s ease-in-out;width:0;z-index:-1}.primary-button:hover:before{outline:1px solid #fff;width:100%}.primary-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.primary-button:active{scale:.95;-webkit-transform:translateY(2px);transform:translateY(2px)}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:80px;justify-content:center;padding:.5rem 1rem;position:fixed;width:100%;z-index:99999;z-index:99}.navbar .logo{display:flex;flex:1 1}.navbar .logo .logo-image{cursor:pointer;height:45px;transition:.2s ease;width:45px}.navbar .logo .logo-image:active{scale:.8}.navbar .title-wrapper{flex:1 1;text-align:center}.navbar .title-wrapper .title{font-weight:600;text-transform:uppercase}.navbar .nav{display:flex;flex:1 1;justify-content:flex-end}.navbar .nav .hamburger{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;gap:7px;height:30px;justify-content:center;width:30px}.navbar .nav .hamburger .line{background-color:#fff;height:3px;transition:.2s linear;width:100%}.navbar-extended{grid-gap:1rem;align-content:space-between;background-color:#242424;display:grid;gap:1rem;grid-template-rows:80px auto 100px;height:100%;position:fixed;right:-300px;text-align:center;transition:.3s ease-out;width:300px;z-index:9}.navbar-extended .nav{display:flex;flex-direction:column;gap:1rem;grid-row:2;height:100%;justify-content:center;max-height:400px}.navbar-extended .nav .nav-link{color:#fff;cursor:pointer;font-weight:700}.navbar-extended .nav .nav-link .nav-link-text{cursor:pointer;height:100%;padding:1rem;position:relative;transition:.2s ease;width:100%}.navbar-extended .nav .nav-link .nav-link-text:before{background-color:#f43361;content:" ";height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:.3s ease;width:100%;z-index:-1}.navbar-extended .nav .nav-link .nav-link-text:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar-extended .nav .nav-link .nav-link-active,.navbar-extended .nav .nav-link-active{background-color:#f43361}.navbar-extended .navbar-socials{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;grid-row:3;justify-content:space-between;padding:0 2rem}.navbar-extended .navbar-socials .social{color:hsla(0,0%,100%,.565);cursor:pointer}.navbar-extended .navbar-socials .social i{cursor:pointer;font-size:24px;transition:.2s ease}.navbar-extended .navbar-socials .social:hover i{color:#fff;scale:1.25}.navbar-extended-active{box-shadow:-4px 0 15px #000;right:0}@media (max-width:600px){.navbar-extended-active{width:100%}.nav-active{opacity:0}}.footer{background-color:#000;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin-top:90px;padding:2em 1em;position:relative;text-align:center}.footer,.footer .scroll-back{align-items:center;color:#fff;display:flex}.footer .scroll-back{background-color:#f43361;border-radius:25px;cursor:pointer;height:50px;justify-content:center;position:absolute;right:20px;top:-70px;transition:.2s ease;width:50px;z-index:1}.footer .scroll-back i{transition:.2s ease}.footer .scroll-back:hover i{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.footer .scroll-back:active{scale:.9}.footer .footer-link{transition:.3s ease}.footer .footer-link:hover{color:#fff}@media (max-width:800px){#navbar-title{font-size:1.75rem}}@media (max-width:400px){#navbar-title{font-size:1.5rem}}.popup{background-color:#f43361;border-radius:8px;color:#fff;cursor:pointer;left:50%;padding:.5em 2em;position:fixed;top:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:.3s ease;z-index:99999}.popup p{font-weight:400}.popup-active{top:35px;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.popup-loading{background-color:orange}.popup-fail{background-color:red}.popup-success{background-color:green}.landing{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-rows:1fr 1fr;height:100dvh;justify-content:space-evenly}.landing,.landing .landing-header{display:flex;flex-direction:column}.landing .landing-header{gap:5px}.landing .landing-header h3{color:hsla(0,0%,100%,.565);font-weight:300}.landing .landing-header .landing-job{background-color:#000;color:#f43361;padding:.5rem clamp(1rem,3vw,3rem);text-align:center;-webkit-transform:scaleX(0);transform:scaleX(0)}.landing .landing-header .landing-job h1{font-size:clamp(20px,1rem + 2vw,32px)}.landing .button-wrapper,.landing .landing-header{align-items:center;display:flex;justify-content:center}.landing .button-wrapper .fa-arrow-right-long{margin-left:10px;transition:.2s ease}.landing .button-wrapper .button:hover{padding-right:calc(3em - 10px)}.landing .button-wrapper .button:hover .fa-arrow-right-long{margin-left:20px}.contact-page{grid-gap:1rem;align-items:center;display:grid;display:flex;flex-direction:column;gap:1rem;grid-template-rows:100px auto;justify-content:space-evenly}.contact-page .form-wrapper{text-align:center;width:100%}.contact-page .form-wrapper .form-title{font-weight:400;margin-bottom:2rem}.contact-page .form-wrapper .contact-form{grid-column-gap:1rem;grid-row-gap:2rem;-moz-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;margin:0 auto;row-gap:2rem}.contact-page .form-wrapper .contact-form .input{position:relative}.contact-page .form-wrapper .contact-form .input-field{background-color:#242424;border-bottom:2px solid transparent;box-shadow:0 4px 5px #000;color:#fff;font-size:1.15rem;padding:.75em;text-align:center;transition:.2s ease;width:100%}.contact-page .form-wrapper .contact-form .label{color:hsla(0,0%,100%,.565);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s ease;z-index:99}.contact-page .form-wrapper .contact-form .label-active{left:50%;top:-15px}.contact-page .form-wrapper .contact-form .input-active{border-bottom:2px solid #f43361}.contact-page .form-wrapper .contact-form .textarea-active{left:50%;top:-15px}.contact-page .form-wrapper .contact-form .button{grid-row:3;outline:1px solid #f43361}.contact-page .form-wrapper .contact-form .input-textarea{grid-column:2;grid-row:1/4}.contact-page .form-wrapper .contact-form .input-textarea .textarea{height:100%;resize:none;width:100%}.contact-page .container{flex-direction:column;gap:3rem;margin:0 auto;max-width:800px}.contact-page .container,.contact-page .container .separator{align-items:center;display:flex;justify-content:center;width:100%}.contact-page .container .separator{gap:1rem}.contact-page .container .separator .separator-line{background-color:#fff;height:2px;width:30%}.contact-page .container .email-button{max-width:300px;outline:1px solid #f43361;width:100%}.contact-page .container .email-button:hover,.contact-page .container .form-button{background-color:#f43361}.contact-page .container .form-button:hover{background-color:#242424;outline:1px solid #f43361}@media screen and (max-width:600px){.contact-page .form-wrapper .form-title{margin-bottom:4rem}.contact-page .form-wrapper .contact-form{gap:2rem;grid-template-columns:auto}.contact-page .form-wrapper .contact-form .input-textarea{grid-column:1;grid-row:3}.contact-page .form-wrapper .contact-form .button{grid-row:4}}.about{align-items:center;display:flex;flex-direction:column;gap:5rem;height:100dvh;justify-content:center;text-align:center}.about .about-header .about-logo{margin-bottom:1rem}.about .about-header .about-title{font-size:2.125rem;text-transform:uppercase}.about .about-text{max-width:900px}.about .about-text p{color:hsla(0,0%,100%,.565);font-size:1.125rem;letter-spacing:1.25px;line-height:30px}.skills-page{padding:0}.skills-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.skills-wrapper .skills-container{max-width:1200px;width:100%}.skills-wrapper .skills{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-auto-flow:dense;grid-auto-rows:150px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;width:100%}.skills-wrapper .skills-slider{align-items:center;background-color:#f43361;display:flex;gap:1rem;overflow:hidden;padding:.5rem;width:100vw}.skills-wrapper .skills-slider .slider-item{-webkit-animation:slide 20s linear infinite alternate;animation:slide 20s linear infinite alternate;border:2px solid #fff;border-radius:100px;flex:none;padding:.5em 1em;transition:.2s ease}@-webkit-keyframes slide{to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}@keyframes slide{to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}.skills-wrapper .skill,.skills-wrapper .skill .skill-name{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.skills-wrapper .skill .skill-name{background-color:#f43361;border-radius:4px 4px 0 0;color:#fff;display:block;padding:.5em 1em}.skills-wrapper .skill .skill-name h3{font-style:italic;font-weight:700}.skills-wrapper .skill .rating{background-color:#242424;border-radius:0 4px 4px 4px;display:flex;gap:5px;padding:.75em 3em .75em .75em;width:100%;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.skills-wrapper .skill .svg-rating{transition:.1s ease}.skills-wrapper .skill .svg-rating:hover{scale:1.125}@media (max-width:620px){.skills-wrapper .skills-container .skills{grid-gap:.5rem;display:grid;gap:.5rem;grid-auto-rows:100px;grid-template-columns:1fr 1fr;justify-content:center}.skills-wrapper .skills-container .skills .skill .skill-name{background-color:#f43361;color:#fff;display:block;padding:.3em .5em;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.skills-wrapper .skills-container .skills .skill .skill-name h3{font-size:clamp(.5rem,3vw,1rem);font-style:italic;font-weight:700}.skills-wrapper .skills-container .skills .skill .rating{background-color:#242424;gap:2px;padding:.5em;width:100%;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.skills-wrapper .skills-container .skills .skill .svg-rating{height:7vw;transition:.1s ease;width:7vw}}.projects-page{grid-row-gap:5vh;display:grid;justify-content:center;margin:0 auto;max-width:1200px;row-gap:5vh}.projects-page .button-wrapper{text-align:center}.projects-page .button-wrapper i{margin-left:.5rem}.projects{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:300px;grid-template-columns:auto auto;min-height:60vh}.projects .project{background-repeat:no-repeat;background-size:100%;background-size:cover;border:2px solid transparent;border-radius:8px;cursor:pointer;height:100%;overflow:hidden;position:relative;transition:.2s ease;width:100%}.projects .project .project-name{align-items:center;background-color:#f43361;border-radius:0 0 8px 8px;display:flex;justify-content:center;left:50%;padding:.5rem;position:absolute;top:1.125rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s ease;width:200px;z-index:2}.projects .project .project-name p{font-size:1.125rem;font-weight:400}.projects .project .project-hover{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;top:0;transition:.2s ease;width:100%}.projects .project .project-hover .description{color:hsla(0,0%,100%,.565);position:relative;text-align:center;z-index:2}.projects .project .project-hover .overlay{background-color:#000;height:100%;left:0;opacity:.85;position:absolute;top:0;transition:.2s ease-out;width:100%;z-index:0}.projects .project:hover{border:2px solid #f43361}.projects .project:hover .project-name{border-radius:8px;top:3rem}.projects .project:hover .project-hover{opacity:1}@media screen and (max-width:800px){.projects{grid-template-columns:auto}}.testimonial-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.slider-wrapper{display:grid;grid-template-columns:50px auto 50px;height:100%;margin:0 auto;max-width:1200px;min-height:60vh;opacity:0;padding:.5rem;transition:.4s ease 1s;width:100%}.slider-wrapper .control-wrapper{align-items:center;display:flex;justify-content:center}.slider-wrapper .control-wrapper .control{cursor:pointer;position:relative;z-index:99}.slider-wrapper .control-wrapper .control path{transition:.2s ease}.slider-wrapper .control-wrapper .control:hover path{stroke:#f43361}.slider-wrapper .slider{display:flex;flex-direction:row}.testimonial{align-items:center;display:flex;flex:none;flex-direction:column;gap:1rem;justify-content:center;opacity:0;text-align:center;transition:.2s ease;width:100%}.testimonial .image-wrapper{height:150px;margin:0 auto;width:150px}.testimonial .image-wrapper .image{border-radius:100%;height:100%;object-fit:cover;width:100%}.testimonial h1{font-size:2rem}.testimonial .description{color:hsla(0,0%,100%,.565);letter-spacing:1px;line-height:25px;max-width:500px}.testimonial-active{opacity:1}.ratings{align-items:center;display:flex;justify-content:center}.ratings .rating{scale:.75}@media (max-width:400px){.slider-wrapper{gap:.5rem;grid-template-columns:10% 80% 10%}.testimonial{width:100%}}
/*# sourceMappingURL=main.47ead974.css.map*/