@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--clr-white);letter-spacing:2px;overflow-x:hidden}*{box-sizing:border-box;font-family:Raleway,sans-serif;font-family:var(--font-main);list-style:none;margin:0;padding:0}a{color:#000;text-decoration:none}a:hover{color:#0008c1;color:var(--blue-primary-500)}:root{--blue-primary-100:#cccef3;--blue-primary-200:#999ce6;--blue-primary-300:#666bda;--blue-primary-400:#3339cd;--blue-primary-500:#0008c1;--blue-primary-600:#00069a;--blue-primary-700:#000574;--blue-primary-800:#00034d;--blue-primary-900:#000227;--blue-secondary-100:#d3daf4;--blue-secondary-200:#a6b5e9;--blue-secondary-300:#7a90dd;--blue-secondary-400:#4d6bd2;--blue-secondary-500:#2146c7;--blue-secondary-600:#1a389f;--blue-secondary-700:#142a77;--blue-secondary-800:#0d1c50;--blue-secondary-900:#070e28;--alternate-100:#faf5ee;--alternate-200:#f5eadc;--alternate-300:#f0e0cb;--alternate-400:#ebd5b9;--alternate-500:#e6cba8;--alternate-600:#b8a286;--alternate-700:#8a7a65;--alternate-800:#5c5143;--alternate-900:#2e2922;--clr-white:#fff;--linkedin-blue:#0077b5;--font-main:"Raleway",sans-serif;--font-secondary:"Playfair Display",serif;--slide-down:1s ease-out 0s 1 slideDown}.center{text-align:center}.flex{display:flex}.flexMiddle{align-items:center;justify-content:center}.container{margin-inline:auto;width:min(90%,90rem)}.fullHeight{height:100svh;height:100dvh;height:100vh}.spaceBetween{justify-content:space-between}.column{flex-direction:column}.slideInLeft{-webkit-animation:slideLeft 1s forwards;animation:slideLeft 1s forwards}.slideInRight{-webkit-animation:slideRight 1s forwards;animation:slideRight 1s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.slideUp{-webkit-animation:projectsSlideUp 1s;animation:projectsSlideUp 1s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes projectsSlideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes projectsSlideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.landing{margin-block:8rem}.linkedIn{-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards;-webkit-animation-delay:2s;animation-delay:2s;margin-top:1rem;opacity:0}.title-wrapper{line-height:1.4}.title{color:var(--blue-primary-500);font-size:5rem}.subtitle,.title{-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards;opacity:0}.subtitle{-webkit-animation-delay:1s;animation-delay:1s;font-size:2rem}.portrait{-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards;background-image:linear-gradient(to bottom,var(--blue-primary-500) 0,var(--clr-white) 100%);border-radius:50%;display:inline-block;height:400px;opacity:0;overflow:hidden;position:relative;width:400px}.portrait img{height:120%;object-fit:cover;width:100%}@media (max-width:1100px){.landing{margin-block:4rem}.landing-content{flex-direction:column;gap:6rem;justify-content:center}.portrait{margin-inline:auto}}@media (max-width:800px){.landing{margin-block:2rem}.title{font-size:3rem}.title-wrapper{gap:.4rem}.subtitle{font-size:1.2rem}.portrait{height:300px;width:300px}.linkedIn{margin-top:.2rem}}@media (max-width:300px){.landing-content{gap:3rem}.title{font-size:2rem}.subtitle{font-size:1rem}.linkedIn{font-size:.8rem}.portrait{height:200px;width:200px}}.nav{align-items:center;box-shadow:0 2px 2px -2px rgba(0,0,0,.2);justify-content:space-between;padding:25px 40px}svg{max-height:40px;max-width:200px}.nav-list{align-items:center;font-size:1.2rem;gap:20px;text-decoration:none}.mobile-nav li:nth-child(4),.nav li:nth-child(4){color:var(--blue-primary-400);cursor:pointer;font-weight:700}.mobile-nav{box-shadow:0 2px 2px -2px rgba(0,0,0,.2);font-weight:700;position:relative}.mobile-nav.open{-webkit-animation:slideDown 1s forwards;animation:slideDown 1s forwards}.mobile-nav.closed{-webkit-animation:slideUp 1s forwards;animation:slideUp 1s forwards}.mobile-nav ul{gap:1rem;opacity:0;padding-block:1.5rem}.mobile-nav.open ul{-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.mobile-nav.closed ul{-webkit-animation:fadeOut 2s forwards;animation:fadeOut 2s forwards}@media (max-width:600px){svg{max-height:30px;max-width:150px}}@media (max-width:300px){.nav{padding:25px 20px}svg{max-height:20px;max-width:100px}}.about{background-color:var(--blue-primary-700);color:var(--clr-white);margin-top:15rem;padding-block:8rem}.story{justify-content:center;line-height:2.2;max-width:35rem;opacity:0;position:relative}.circle{background-image:linear-gradient(to bottom,var(--blue-secondary-400) 0,var(--clr-white) 100%);border-radius:50%;height:18rem;left:-3rem;opacity:.1;position:absolute;top:-3rem;width:18rem}.story h1{font-size:2rem;margin-bottom:.8rem}@media (max-width:1200px){.about{margin-top:10rem}.about-content{align-items:center;flex-direction:column;gap:10rem;justify-content:center}}@media (max-width:800px){.about{margin-top:8rem}}@media (max-width:300px){.story h1{font-size:1.5rem}.story p{font-size:.8rem}}.skills{background-color:var(--clr-white);border-radius:10%;color:#000;height:25rem;opacity:0;padding:2.5rem;position:relative;width:25rem;z-index:1}.skills h1{color:var(--blue-primary-500);margin-bottom:1rem}.skills:before{background-color:var(--clr-white);border-radius:10%;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;-webkit-transform:rotate(8deg);transform:rotate(8deg);width:100%;z-index:-1}.skills-list{gap:5rem}.skills-list li{font-size:1rem;font-weight:600}.skills-list ul{line-height:2.5}@media (max-width:500px){.skills{height:20rem;padding:1.5rem;width:20rem}.skills-list{gap:2rem}.skills-list ul{line-height:2}.skills-list li{font-size:.9rem}.skills h1{font-size:1.6rem}}@media (max-width:300px){.skills{height:15rem;padding:1rem;width:15rem}.skills-list ul{line-height:2}.skills-list li{font-size:.6rem}.skills h1{font-size:1.6rem}}.project{box-shadow:.5rem 1rem 3rem var(--blue-primary-100);margin-inline:auto;margin-bottom:5rem;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.p-img,.project{border-radius:2rem;position:relative}.p-img{height:25rem;width:25rem}.p-img img{border-radius:2rem;height:100%;object-fit:cover;width:100%}.live{cursor:pointer}.project-links{gap:10px;margin:20px auto 0}.p-content{line-height:1.7;padding:30px;position:relative}.p-content h1{color:var(--blue-primary-700);padding-bottom:10px}.p-content p{margin-bottom:40px;max-width:600px}@media (max-width:1050px){.project{flex-direction:column}.p-img{width:100%}}@media (max-width:600px){.p-content h1{font-size:1.5rem}.p-content p{font-size:.8rem;max-width:100%;text-align:center}}.projects{padding-block:8rem}.projects-title{font-family:var(--font-secondary);font-size:4rem;margin-inline:auto;margin-bottom:5rem;opacity:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}hr{border-width:2px;margin-inline:auto;margin-top:20px;width:70%}@media (max-width:800px){.projects-title{font-size:3rem}.projects{padding-block:4rem 0}}@media (max-width:300px){.projects-title{font-size:2rem}}.contact{background-color:var(--blue-secondary-500);color:var(--clr-white);padding-block:4rem;position:relative}.contact-info{gap:4rem}.contact-header{margin-inline:auto}.contact-header h1{margin-bottom:1.5rem}.info{opacity:0}.info p{align-items:center;display:flex;gap:.5rem;word-break:break-all}@media (max-width:1100px){.info{align-items:center;flex-direction:column;gap:2rem}}@media (max-width:500px){.contact-info{gap:3rem}.info p{font-size:.8rem}}@media (max-width:300px){.contact-header h1{font-size:1.2rem}.contact-header p{font-size:.8rem}.info p{font-size:.6rem}}
/*# sourceMappingURL=main.ad0bd92d.css.map*/