body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-back:#1f2028;--clr-txt:#d7d4dd;--clr-li:rgba(63,0,113,0.1);--clr-li2:#610094;--clr-brand:#916bbf;--clr-card-shad:5px 5px 15px rgba(1,1,1,0.8);--clr-card-back:rgba(105,94,147,0.6);--clr-back-hover:linear-gradient(#603f8b 65%,#7954a1);--clr-back-active:linear-gradient(rgba(96,63,139,0.6),rgba(121,84,161,0.6));--clr-success:#5cb85c;--w-100:100%;--w-98:98%;--w-95:95%;--w-90:90%;--w-80:80%;--w-75:75%;--w-70:70%;--w-60:60%;--w-55:55%;--w-50:50%;--w-45:45%;--w-40:40%;--w-35:35%;--w-30:30%;--w-25:25%;--w-20:20%;--w-15:15%;--w-20-vw:20vw;--w-30-vw:30vw;--w-40-vw:40vw;--w-45-vw:45vw;--w-18-vw:18vw;--h-100:100%;--h-40:40%;--h-35:35%;--h-30:30%;--h-30-px:30px;--h-5-vh:5vh;--h-15-vh:15vh;--m-top-70:70%;--m-top-30:30%;--m-top-20:20%;--m-top-15:15%;--m-top-50:50%;--m-top-1:1%;--m-top-2:2%;--m-top-5:5%;--m-top-40-px:40px;--m-top-20-px:20px;--m-top-15-px:15px;--m-top-10-px:10px;--m-top-1-rem:1rem;--m-top-s-rem:0.8rem;--m-3-vh:3vh;--m-left-50:50%;--m-left-40:40%;--m-left-30:30%;--m-left-25:25%;--m-left-5:5%;--m-left-1:1%;--m-left-10-px:10px;--m-left-au:auto;--m-right-20:20px;--m-right-40:40px;--m-r-auto:auto;--m-auto:auto;--m-5:5%;--m-0-1-0-2:0 1% 0 2%;--m-2:2%;--pd-1:1%;--pd-1-0:1% 0;--pd-2:2%;--pd-3:3%;--pd-4:4%;--pd-5:5%;--pd-0-1:0 1%;--pd-5-px:5px;--pd-10-px:10px;--pd-media-l:0 5rem;--pt-20:20%;--bor-w-001:0 0 1px 0;--bor-st-sol:solid;--br-5-px:5px;--br-15-px:15px;--flex:flex;--jc-c:center;--jc-se:space-evenly;--al-c:center;--f-flow-cw:column wrap;--f-flow-rw:row wrap;--d-in-flex:inline-flex;--fs-basis:1em;--fs-basis-s1:0.9em;--fs-basis-s2:0.95em;--fs-basis-s3:0.85em;--fs-basis-s4:0.8em;--fs-basis-s5:0.75em;--fs-basis-m1:1.1em;--fs-basis-m2:1.2em;--fs-basis-m3:1.5em;--fs-basis-m4:1.8em;--fs-basis-m5:1.7em;--fs-basis-l1:2.5em;--fs-basis-l2:2em;--fs-px-9:9px;--fs-px-11:11px;--fs-px-12:12px;--fs-px-14:14px;--fs-px-15:15px;--fs-px-24:24px;--fw-bold:700;--fw-light:400;--fw-lightest:300;--fw-medium:600;--ff-primary:"Fira Sans",sans-serif;--ff-landing:"Balsamiq Sans",cursive;--ls-normal:"normal";--ls-s1:0.05em;--ls-s2:0.07em;--ls-l:0.1em;--lh-2:2;--lh-15:1.5;--ta-c:center;--tt-up:uppercase;--tt-cap:capitalize}.logo{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;font-size:1.5em;font-family:Carter One,cursive;letter-spacing:.08em;color:#7954a1}.logo img{height:2.5rem;padding-bottom:.25rem}.link{padding:.5rem 1rem;border-radius:5px;scroll-behavior:smooth}.btn-like{padding:1rem;display:inline-flex;align-items:center;border:3px solid #603f8b}.active-link,.link:hover{border-radius:5px;background:var(--clr-back-hover);border-color:transparent}.s-nav-link{padding:.75rem}.left-space{margin-left:2vw}.link-icon{font-size:14px;padding-right:.5rem}.right{padding:0 0 0 .5rem;font-size:1.2em;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.btn-like:hover .right{-webkit-transform:rotate(90deg);transform:rotate(90deg);padding:0 .5rem}.link-title{font-size:14px}.link-title-btn{font-size:1.2em}@media screen and (max-width:800px){.link{padding:.5rem}.btn-like,.s-nav-link{padding:.75rem}.s-nav-icon{font-size:1.2em;padding-right:1rem}.s-nav-link-title{font-size:1.3em}.link-title-btn,.right{font-size:1em}}@media screen and (max-width:500px){.s-nav-icon{font-size:1em}.s-nav-link-title{font-size:1.1em}}@media screen and (max-width:400px){.s-nav-link{padding:.5rem}.s-nav-icon{font-size:.95em}.s-nav-link-title{font-size:1em}}.navbar-wrapper{margin-left:auto}@media screen and (max-width:700px){.side-navbar{display:flex;flex-direction:column;position:absolute;top:3.5rem;left:auto;transition:.5s;right:0;z-index:2;background-color:var(--clr-back);width:100%;text-align:center;padding:1rem 0;grid-gap:.25rem;gap:.25rem}.nav-close{display:none}}.burger-menu-container{display:none}.burger-menu-icon{font-size:1em}.burger-menu-wrapper{height:3vh;display:flex;justify-content:space-between;flex-direction:column}.burger-menu-line{background:var(--clr-back-hover);height:.5vh;width:2rem;align-self:center;transition:all linear;border-radius:10px}.close-burger-menu{width:100%;height:2px;transition:.3s ease;-webkit-transform-origin:left;transform-origin:left}.close-burger-menu:first-child{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.close-burger-menu:nth-child(2){-webkit-transform:scale(0);transform:scale(0)}.close-burger-menu:nth-child(3){-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:left;transform-origin:left}@media screen and (max-width:700px){.burger-menu-container{display:block;margin-left:auto;display:flex;flex-flow:row wrap;align-items:center;cursor:pointer}.menu-active{width:22px;height:16px;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-between;position:relative;margin:20px}}@media screen and (max-width:500px){.burger-menu-line{width:8vw}.close-burger-menu{width:100%}.menu-active{margin:0}}.header-container{width:100%;position:fixed;top:0;left:0;z-index:10;padding:.5rem 1rem;grid-area:h;display:flex;flex-flow:row wrap;align-items:center;background-color:var(--clr-back);box-shadow:3px 5px 15px rgba(0,0,0,.27058823529411763)}.footer-container{grid-area:f;margin-top:auto;display:flex;align-items:center;justify-content:center;padding:1.5vh 3vw;background-color:rgba(105,94,147,.129)}.footer-copyright{font-size:.75em;padding-right:.5vw}.footer-logo{font-size:.8em;margin-right:1.5vw}@media screen and (max-width:500px){.footer-container{padding:.5rem;font-size:.9em}.footer-logo{margin-right:2.5vw}.footer-copyright{font-size:.85em;padding-right:1vw}}@media screen and (max-width:400px){.footer-container{font-size:.85em;letter-spacing:.025em}.footer-logo{font-size:.75em}.footer-copyright{padding-right:2vw}}@media screen and (max-width:300px){.footer-container{font-size:.75em;max-width:100%}}.landing-container{text-align:center;letter-spacing:.05em;margin-top:2rem;scroll-behavior:smooth}.landing-intro{font-size:1.5em}.landing-title{font-size:4.5em;color:var(--clr-brand)}.landing-sub-title{font-size:3.5em;margin-bottom:5vh;color:#695e93}@media screen and (max-width:800px){.landing-title{font-size:4em}.landing-sub-title{font-size:2.8em}}@media screen and (max-width:700px){.landing-intro{font-size:1.3em}.landing-title{font-size:3.5em}.landing-sub-title{font-size:2.5em}}@media screen and (max-width:500px){.landing-container{padding:0 1rem}.landing-intro{font-size:1.1em}.landing-title{font-size:2.5em;padding-top:1rem}.landing-sub-title{font-size:1.8em;padding-top:1rem}}.contact-info-wrapper{margin-top:4rem;display:inline-flex;align-items:center;align-self:center;grid-gap:2rem;gap:2rem}.contact-page-info{flex-direction:column;margin-top:0}.contact-link{padding:.8rem;box-shadow:0 3px 5px rgba(0,0,0,.1411764705882353);border-radius:5px;background-color:rgba(145,107,191,.6)}.contact-link:hover{cursor:pointer;box-shadow:0 10px 20px 5px rgba(0,0,0,.5);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.contact-icon{height:2.5rem;display:block}@media screen and (min-width:1023px){.contact-info-wrapper{margin-top:2rem}}@media screen and (max-width:800px){.contact-info-wrapper{margin-top:2rem}.contact-page-info{margin-top:0}.contact-link{padding:.7rem}}@media screen and (max-width:500px){.contact-info-wrapper{margin-top:0}.contact-page-info{margin:0 0 1rem}.contact-icon{height:2rem}}@media screen and (max-width:500px) and (min-height:800px){.contact-info-wrapper{margin:1rem 0 2rem}.contact-page-info{margin:0 0 1rem}}@media screen and (max-width:400px){.contact-info-wrapper{margin-top:0;margin-bottom:2vh}.contact-link{padding:1vh 2vw}}.title{text-align:center;font-size:2.5em;margin-bottom:1rem;margin-top:3vh;color:var(--clr-brand)}@media screen and (max-width:800px){.title{font-size:2em}}@media screen and (max-width:400px){.title{font-size:1.7em;margin:1rem 0 0}}.about-container{width:100%;margin-bottom:10vh}.about-wrapper{margin:0;padding:0;display:flex;grid-gap:3.5rem 5rem;gap:3.5rem 5rem;flex-flow:row wrap;justify-content:space-evenly}.about-item{width:40vw;display:inline-flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;transition:all .3s ease-in;line-height:1.5;font-size:.95em}.about-icon,.about-logo{height:3.5rem}.fire{height:2.7rem}.code,.responsive{height:2.2rem}.heart{height:2.3rem}@media screen and (min-width:1840px){.about-wrapper{grid-gap:3.5rem 5rem;gap:3.5rem 5rem}.about-item{font-size:1.3em;padding:0 2.5rem}}@media screen and (min-width:1023px){.about-wrapper{grid-gap:5vh 8vw;gap:5vh 8vw;justify-content:center}.about-item{width:35vw;font-size:1.1em}}@media screen and (max-width:900px){.about-item{font-size:.9em}}@media screen and (max-width:800px){.about-wrapper{grid-gap:3rem;gap:3rem}}@media screen and (max-width:700px){.about-item{width:38vw}.about-icon{height:2.5rem}.about-logo{height:3rem}.fire{height:2.1rem}.code,.responsive{height:1.5rem}.heart{height:1.8rem}}@media screen and (max-width:500px){.about-wrapper{grid-gap:2rem;gap:2rem}.about-item{width:100%;grid-gap:1.5rem;gap:1.5rem}.about-item:last-of-type{font-size:1em;font-weight:700;letter-spacing:.05em;box-shadow:0 12px 13px rgba(0,0,0,.1411764705882353);width:unset;padding:.75rem;grid-gap:1rem;gap:1rem;margin:1vh auto 0}.about-icon{width:2.5rem}.about-logo{height:2.7rem}.fire{height:2.2rem}.creative{height:2.3rem}.code,.responsive{height:1.6rem}.heart{height:1.4rem;width:unset}.about-desc{font-size:1.2em}.about-desc:nth-last-child(){font-size:1em}}@media screen and (max-width:400px){.about-wrapper{grid-gap:1.5rem;gap:1.5rem}.about-item{grid-gap:1rem;gap:1rem;line-height:unset;font-size:.8em}.about-item:last-of-type{font-size:.9em}.about-desc{font-size:1.1em}}@media screen and (max-width:420px) and (min-height:799px){.about-wrapper{margin-bottom:5vh;grid-gap:1.75rem;gap:1.75rem}}@media screen and (max-width:300px){.about-wrapper{font-size:.85em}}.tech-container{padding:0 2rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;justify-content:center}.tech-skills-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-column-gap:50px;grid-row-gap:50px;margin:0;padding:0}.skill-card{height:15vh;box-shadow:var(--clr-card-shad);background-color:var(--clr-card-back);border-radius:15px;transition:all .3s ease-in;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.85em;letter-spacing:.05em;text-align:center}.skill-card img{height:5vh;margin-bottom:2vh}@media screen and (min-width:1230px){.tech-container{padding:0 5rem}.tech-skills-wrapper{padding:2rem 5rem}}@media screen and (min-width:1023px){.tech-container{padding:var(--pd-media-l)}}@media screen and (max-width:900px){.tech-skills-wrapper{grid-column-gap:2rem;grid-row-gap:2rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.skill-card{height:14vh;padding:0}.skill-card img{height:4vh}}@media screen and (min-width:799px) and (min-height:1023px){.tech-skills-wrapper{grid-row-gap:2.5rem;grid-column-gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skill-card{font-size:1.2em;max-height:12vh}.skill-card img{height:3.5vh;margin-bottom:1.5vh}}@media screen and (min-width:700px) and (min-height:1279px){.tech-skills-wrapper{grid-row-gap:3rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.skill-card{font-size:1.3em;height:11vh}}@media screen and (max-width:799px) and (min-height:1023px){.skill-card{height:11vh;font-size:.95em}.skill-card img{height:3.5vh;margin-bottom:1.5vh}}@media screen and (max-width:700px){.skill-card{height:13vh}}@media screen and (max-width:700px) and (min-height:900px){.tech-skills-wrapper{grid-column-gap:1.5rem}.skill-card{height:11vh;font-size:1em}}@media screen and (max-width:600px){.tech-skills-wrapper{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-column-gap:1.5rem;grid-row-gap:1.5rem}.skill-card{font-size:.75em}}@media screen and (max-width:500px){.tech-skills-wrapper{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media screen and (max-width:500px) and (min-height:700px){.tech-skills-wrapper{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.skill-card{font-size:.8em}.skill-card img{height:4.5vh}}@media screen and (max-width:500px) and (min-height:800px){.tech-skills-wrapper{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding-bottom:1rem}.skill-card{font-size:.85em}.skill-card img{height:4.5vh}}@media screen and (max-width:400px){.tech-skills-wrapper{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-column-gap:2.5rem;padding:0 2rem 2rem}.skill-card{font-size:.8em;height:12vh;padding:1rem}.skill-card img{margin-bottom:1vh}}@media screen and (max-width:300px){.tech-skills-wrapper{grid-column-gap:1.5rem;padding:0 1rem 1rem}.skill-card{height:14vh}.skill-card img{height:6vh}}.shared-btn{padding:.5rem 0;border-radius:5px;font-size:1.2em;width:10rem;color:var(--clr-txt);border:3px solid #603f8b;letter-spacing:.05em}.shared-btn svg{padding-left:.5rem}.active-btn,.shared-btn:active,.shared-btn:hover,.shared-btn:target{background:var(--clr-back-hover);box-shadow:0 3px 5px rgba(0,0,0,.1411764705882353)}.active-btn{border-color:transparent}@media screen and (min-width:1230px){.shared-btn{width:12rem}}@media screen and (max-width:900px){.shared-btn{width:8rem;font-size:1.1em}}@media screen and (max-width:800px){.shared-btn{font-size:.9em;width:7rem}}@media screen and (max-width:700px){.shared-btn{font-size:.85em;width:6rem;padding:1vh 0}}@media screen and (max-width:500px){.shared-btn{width:6rem;font-size:.85em}}@media screen and (max-width:400px){.shared-btn{width:5rem;font-size:.75em}}.projects-container{padding:0 2rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;justify-content:center}.projects-btn-wrapper{display:inline-flex;align-items:center;grid-gap:2em;gap:2em;justify-content:center;padding:0;margin:0}.projects-cards-container{display:grid;grid-template-columns:repeat(3,minmax(20vh,1fr));grid-template-rows:repeat(3,20vw);grid-gap:2rem;padding:3vh 0 0;margin:0}.project-card{box-shadow:0 3px 5px rgba(0,0,0,.1411764705882353);transition:all .2s ease-in;font-size:.85em;display:flex;justify-content:space-between;flex-direction:column;align-items:center;position:relative}.project-card:hover{box-shadow:3px 3px 10px 5px #695e93}.project-img-cover{top:0;left:0;height:100%;background-color:rgba(0,0,0,.7);border-radius:5px}.project-img-cover,.project-title{position:absolute;width:100%;z-index:2;transition:.5s ease}.project-title{top:3rem;text-align:center;color:#d3d3d3;padding:0 .5rem;letter-spacing:.1em;font-size:1.5em}.project-img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;border-radius:5px}.project-meta-data{display:inline-flex;grid-gap:2em;gap:2em;position:absolute;z-index:2;bottom:2vh}.project-meta-data .link{border:3px solid #603f8b}.project-meta-data .link:hover{border-color:transparent}.project-meta-data .link-icon{font-size:1em}.project-meta-data .link-title{font-size:1em;font-weight:600;letter-spacing:.08em}.project-meta-data .project-tooltip{display:none}@media screen and (min-width:1230px){.projects-cards-container{padding:2rem 5rem}.project-meta-data{grid-gap:2.5rem;gap:2.5rem}.project-meta-data .link{width:8vw;display:inline-flex;justify-content:center;align-items:center}.project-meta-data .link-icon,.project-meta-data .link-title{font-size:1.1em}}@media screen and (max-width:1023px){.project-title{letter-spacing:.07em;font-size:1.3em}}@media screen and (max-width:900px){.project-title{font-size:1.1em;top:2rem}.project-meta-data .link{padding:.5rem}.project-meta-data .link-icon,.project-meta-data .link-title{font-size:.9em}}@media screen and (max-width:901px) and (min-height:1025px){.projects-cards-container{grid-template-columns:repeat(3,minmax(17vh,1fr))}}@media screen and (max-width:800px){.projects-cards-container{grid-gap:1rem;padding:1vh 0 0}.projects-btn-wrapper{grid-gap:1.5rem;gap:1.5rem}.project-title{font-size:1em}.project-meta-data{grid-gap:1rem;gap:1rem;font-size:.9em}.project-meta-data .link{padding:.25rem .5rem}}@media screen and (max-width:700px){.projects-cards-container{grid-template-columns:repeat(2,minmax(20vh,1fr));grid-template-rows:repeat(4,25vw)}.project-meta-data{grid-gap:2rem;gap:2rem}}@media screen and (max-width:500px){.projects-cards-container{display:flex;flex-flow:column wrap;grid-gap:1rem;gap:1rem;padding:1vh 3vw}.project-card{height:14rem}.project-title{font-size:1.6em}.project-meta-data{font-size:1em}.project-meta-data .link{border:3px solid #603f8b;padding:.5rem 1rem}.project-meta-data .link-icon,.project-meta-data .link-title{font-size:1em}.project-meta-data:hover .project-tooltip{display:none}}@media screen and (max-width:400px){.projects-btn-wrapper{grid-gap:1rem;gap:1rem}}@media screen and (max-width:300px){.projects-btn-wrapper{padding:0 1rem}.projects-cards-container{padding:1vh 3vw}}.contact-form{display:flex;flex-direction:column;justify-content:center;grid-gap:2vh;gap:2vh;align-items:center;color:var(--clr-txt)}.contact-input{width:100%;border-radius:5px;padding:.5rem;resize:both;color:var(--clr-txt);border:1px solid #603f8b;background:none;outline:none}.contact-input::-webkit-input-placeholder{font-family:Nunito,sans-serif;font-size:larger;letter-spacing:.05em}.contact-input::placeholder{font-family:Nunito,sans-serif;font-size:larger;letter-spacing:.05em}.contact-input:focus{border-width:3px}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}input:focus::placeholder,textarea:focus::placeholder{color:transparent}textarea{min-height:20vh}button[type=submit]{width:100%;margin-top:2vh;text-transform:capitalize}@media screen and (min-width:1230px){.contact-form{width:16vw}}@media screen and (min-width:1023px){.contact-form{width:18vw}.contact-input{padding:.75rem}}@media screen and (max-width:901px) and (min-height:1025px){.contact-form{min-width:35vw}}@media screen and (max-width:300px){.contact-form{padding:0 1rem}}:root{--fs-alert-large:22px}.alert-container{padding:1.5rem;background:linear-gradient(rgba(96,63,139,.6) 55%,rgba(121,84,161,.5));border-radius:15px}.alert-container:hover{cursor:pointer;background:var(--clr-back-hover)}.alert-text{line-height:var(--lh-15);letter-spacing:.08em;display:inline-flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.alert-success{font-size:1.3em}.alert-text span{font-size:1.7em}.alert-text svg{padding-right:.5rem}@media screen and (max-width:500px){.alert-container{padding:1rem}.alert-fail{max-width:60vw;font-size:.9em}.alert-success{font-size:1.1em}.alert-text span{font-size:1.3em}}.contact-wrapper{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:3rem;gap:3rem}.with-alert{flex-direction:column-reverse;grid-gap:3rem;gap:3rem;margin-top:2rem}@media screen and (min-width:1023px){.contact-wrapper{grid-gap:5rem;gap:5rem}}@media screen and (max-width:300px){.contact-wrapper{grid-gap:1rem;gap:1rem;padding:0 .25rem}}*,:after,:before{box-sizing:border-box}html{height:100%}body{font-family:Nunito,sans-serif;background-color:var(--clr-back);color:var(--clr-txt);min-height:100%}body,h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{line-height:1.5}button{outline:none;border:none;padding:0;font-family:inherit;font-size:100%;overflow:visible;text-transform:none;background-color:inherit}a:hover,button:hover{cursor:pointer}a{color:inherit;text-decoration:inherit}li,ol,ul{list-style:none}.App{width:100%;height:100vh;margin:0 auto;display:grid;grid-template-rows:1fr 13fr 1fr;grid-column-gap:1rem;grid-row-gap:1rem;grid-template-areas:"h h h" "m m m" "f f f"}.main-container{grid-area:m;padding-top:5vh}.page-container{padding:0 2rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;justify-content:center;scroll-behavior:smooth}@media screen and (max-width:900px) and (min-height:1023px){.main-container{padding-top:0}}@media screen and (max-width:800px){.page-container{padding:0 1rem}}@media screen and (max-width:300px){.App{font-size:.85em}.page-container{padding:0;width:90%;margin:0 5%}}
/*# sourceMappingURL=main.4ada701d.chunk.css.map */