@font-face{font-family:Mark Pro;font-style:normal;font-weight:400;src:local("Mark Pro"),url(/portfolio/static/media/MARKPRO.adc5eca57e4e788ee878.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:300;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROEXTRALIGHT.8af5b7b4323d2845e68b.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:350;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROLIGHT.facda26121fe54ffbccd.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:450;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROBOOK.a086dfe702f4faba14b3.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:500;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROMEDIUM.e66bb25f0ad67ebfbaa9.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:700;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROBOLD.aaa0693eae7f77db324b.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:800;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROHEAVY.9ef52c7f9e1c73670cac.woff) format("woff")}@font-face{font-family:Mark Pro;font-style:normal;font-weight:900;src:local("Mark Pro"),url(/portfolio/static/media/MARKPROBLACK.41c65b02b7bc98b63abb.woff) format("woff")}*{box-sizing:border-box;color:#f5f5f5;font-family:Mark Pro;margin:0;padding:0}body{align-items:center;background-color:#121212;display:flex;justify-content:center;padding:0 2rem;width:100%}#root{max-width:1920px;width:100%}.navbar{justify-content:center;margin-top:2rem}.navbar,.navbar__container{align-items:center;display:flex;transition:all .3s;width:100%}.navbar__container{justify-content:space-between;padding:0 10rem}@media screen and (max-width:960px){.navbar__container{padding:0}}.navbar__Logo .navbar__logo-link{cursor:pointer;display:flex;flex-direction:row;gap:8px;justify-content:space-evenly}.navbar__Logo .navbar__logo-link .mobileLogo{display:none}@media screen and (max-width:960px){.navbar__Logo .navbar__logo-link .mobileLogo{display:flex;height:3rem;object-fit:contain}}.navbar__Logo .navbar__logo-link>img{height:4rem;object-fit:contain}@media(max-width:960px){.navbar__Logo .navbar__logo-link>img{display:none}}.navbar__Links{color:#fff;transition:all .3s}.navbar__Links :hover{background-color:#ffffff0a;color:#911ae5}.navbar__Links>a{border-radius:12px;cursor:pointer;font-size:1rem;font-weight:medium;margin-left:30px;padding:8px 12px;text-decoration:none;transition:all .3s}.navbar__Links>a.resume{background-color:#911ae5;border-radius:4px;color:#fff}@media screen and (max-width:60em){.navbar__Links>a{font-size:.8rem}.navbar__Links>a.resume{display:none}}@media screen and (min-width:60em){.hero-section{margin-top:4rem;padding:0 10rem}.hero-section .hero__container{display:flex;flex-direction:column;width:90%}.hero-section .hero__container .hero__intro{display:flex;flex-direction:column;justify-content:flex-start}.hero-section .hero__container .hero__intro>p{color:#c4c4c4;font-size:1rem;font-weight:300;padding-left:1px}.hero-section .hero__container .hero__intro>h1{font-size:6rem;font-weight:800;line-height:100px;padding:1rem 0;width:60%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-section .hero__container .hero__intro .hero__color{animation:gradient 4s infinite;-webkit-animation:gradient 3s ease infinite;background:linear-gradient(120deg,#9500ff,#bb5cff,#fff);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:800}.hero-section .hero__container .hero__short-intro>p{color:#4e4e4e;font-size:1rem;padding-top:.5rem;width:70%}.hero-section .hero__CTA{padding:0 0 12vh}.hero-section .hero__CTA .resume{display:none}.hero-section .hero__CTA .hero__CTA-button-link>button{background-color:#cc84ff;border:none;border-radius:10px;color:#121212;cursor:pointer;font-size:14px;font-weight:500;margin-top:5vh;padding:16px 20px;transition:.3s}.hero-section .hero__CTA .hero__CTA-button-link>button:hover{background-color:#edd5ff;color:#911ae5}}@media screen and (max-width:60em){.hero-section{margin-top:4rem;text-align:center}.hero-section .hero__container,.hero-section .hero__container .hero__intro{align-items:center;display:flex;flex-direction:column}.hero-section .hero__container .hero__intro>p{color:#c4c4c4;font-size:1rem;font-weight:300}.hero-section .hero__container .hero__intro>h1{font-size:3rem;font-weight:800;line-height:50px;padding:1rem 0}.hero-section .hero__container .hero__intro .hero__color{background:linear-gradient(90deg,#9500ff 25%,#daa7ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:800}.hero-section .hero__container .hero__intro .hero__short-intro>p{color:#4e4e4e;font-size:.8rem;padding-top:.5rem;text-align:center}.hero-section .hero__container .hero__CTA{display:flex;flex-direction:column;padding:2rem 0 12vh}.hero-section .hero__container .hero__CTA .resume{background-color:#cc84ff;border:none;border-radius:10px;color:#121212;cursor:pointer;font-size:14px;font-weight:500;margin-top:1rem;padding:16px 20px;text-decoration:none;transition:.3s}.hero-section .hero__container .hero__CTA .resume:hover{background-color:#edd5ff;color:#911ae5}.hero-section .hero__container .hero__CTA .hero__CTA-button-link>button{background-color:#cc84ff;border:none;border-radius:10px;color:#121212;cursor:pointer;font-size:14px;font-weight:500;margin-top:5vh;padding:16px 20px;transition:.3s}.hero-section .hero__container .hero__CTA .hero__CTA-button-link>button:hover{background-color:#edd5ff;color:#911ae5}}.dev-project__container{margin-top:8rem;padding:0 10rem}.dev-project__container>h1{font-size:3rem;font-weight:800;padding:2rem 0}.dev-project__grid{grid-column-gap:8rem;grid-row-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,30rem));justify-content:center}@media screen and (max-width:60em){.dev-project__container{margin-top:8rem;padding:0}.dev-project__container>h1{font-size:2rem;font-weight:800;text-align:center}.dev-project__grid{grid-row-gap:1rem}}.dev-project-card .dev-project-card__container{background-color:hsla(0,0%,100%,.019);border:1px solid hsla(0,0%,100%,.079);border-radius:22px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin-top:1rem;min-height:600px;padding:1.4rem}.dev-project-card .dev-project__details .dev-project-card__image{border-radius:12px;height:17rem}.dev-project-card .dev-project__details .dev-project-card__image>img{border-radius:12px;height:16rem;object-fit:cover;width:100%}.dev-project-card .dev-project__details .dev-project-card__title>h3{font-size:2rem;line-height:40px;padding-top:1rem}.dev-project-card .dev-project__details .dev-project-card__description{padding-top:.2rem}.dev-project-card .dev-project__details .dev-project-card__description>p{color:#9f9f9f;font-size:1rem;font-weight:200}.dev-project-card .dev-project__details .dev-project-card__stack{color:#ce8dff;padding-top:1.5rem}.dev-project-card .dev-project-card__button>a>button{background-color:#0000;border:1px solid #cc84ff;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2rem;outline:none;padding:18px 32px}@media screen and (max-width:60em){.dev-project-card .dev-project-card__container{background-color:hsla(0,0%,100%,.041);border-radius:22px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;min-height:500px;padding:1rem}.dev-project-card .dev-project__details .dev-project-card__image>img{border-radius:12px;height:16rem;object-fit:cover;width:100%}.dev-project-card .dev-project__details .dev-project-card__title>h3{font-size:1.2rem;line-height:22px;padding-top:1rem}.dev-project-card .dev-project__details .dev-project-card__description{padding-top:.4rem}.dev-project-card .dev-project__details .dev-project-card__description>p{color:#9f9f9f;font-size:1rem;font-weight:200}.dev-project-card .dev-project__details .dev-project-card__stack{color:#ce8dff;font-size:.8rem;padding-top:.8rem}.dev-project-card .dev-project-card__button>a>button{font-size:.8rem;padding:8px 16px}}.contact-link__container{background-color:#8a2be2;border-radius:12px;padding:.5rem}.contact-link__container a{margin:auto 12px}.contact-link__container .icon{font-size:2rem;padding-top:5px}@media screen and (max-width:60em){.contact-link__container{background-color:#8a2be2;border-radius:12px;padding:.5rem}.contact-link__container a{margin:auto 5px}.contact-link__container .icon{font-size:1.5rem;padding-top:5px}}.contact__container{margin:8rem 10rem 2rem;max-width:100%}.contact__container .contact__intro h1{background:linear-gradient(90deg,#9500ff 1px,#daa7ff 120px);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem}.contact__container .contact__intro p{color:#cbcbcb;font-size:1.8rem;padding:2rem 0;width:70%}.contact__container .contact-links{display:flex;gap:1rem}@media screen and (max-width:60em){.contact__container{align-items:center;display:flex;flex-direction:column;margin:5rem 0 0}.contact__container .contact__intro h1{background:linear-gradient(90deg,#9500ff 1px,#daa7ff 120px);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem}.contact__container .contact__intro p{color:#fff;font-size:1rem;padding-top:.5rem;width:100%}.contact__container .contact-links{display:flex;gap:1rem}}@media screen and (min-width:60em){.details__section{margin-top:5rem;padding:0 10rem}.details__section .about{display:flex;flex-direction:column;margin-top:2rem}.details__section .about h1{font-size:3rem;font-weight:800;padding-bottom:3rem;text-align:center}.details__section .about .about__container{display:grid;grid-template-columns:70% 30%}.details__section .about .about__container .about__info{display:flex;flex-direction:column}.details__section .about .about__container .about__info p{font-size:1.1rem;padding-bottom:2rem;width:70%}.details__section .about .about__container .about__image img{height:100%;object-fit:contain;width:100%}.details__section .skills{padding-top:4rem}.details__section .skills .skills__container h1{font-size:3rem;font-weight:800;padding-bottom:3rem;text-align:center}.details__section .skills .skills__container .skill__cards{grid-column-gap:1rem;grid-row-gap:1rem;display:grid;grid-template-columns:repeat(3,33%);justify-content:center}.details__section .skills .skills__container .skill__cards .skill__card{align-items:center;background-color:#cf92fb;border-radius:22px;display:flex;flex-direction:column;padding:2rem}.details__section .skills .skills__container .skill__cards .skill__card h2{color:#fff;font-size:2rem;font-weight:800;padding-bottom:.8rem}.details__section .skills .skills__container .skill__cards .skill__card p{font-size:1rem;font-weight:400;padding-top:.4rem}}.loading__container{align-items:center;display:flex;flex-direction:column;gap:2rem;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.loading__container>img{height:5rem;object-fit:contain}.Footer{bottom:0;padding:2rem 0;text-align:center}@media screen and (max-width:960px){.Footer{padding:2rem 3rem}}.Footer>a{color:#cc84ff;text-decoration:none}@media screen and (max-width:400px){.Footer{font-size:.8rem}}@media screen and (max-width:60em){.details__section .about{margin-top:2rem}.details__section .about h1{font-weight:800;padding-bottom:1rem;text-align:center}.details__section .about .about__container{display:flex;flex-direction:column;gap:2rem}.details__section .about .about__container .about__info p{font-size:1rem;padding-bottom:1rem;width:100%}.details__section .about .about__container .about__image img{height:80%;max-width:100%;object-fit:contain}.details__section .skills{padding-top:4rem}.details__section .skills .skills__container{text-align:center}.details__section .skills .skills__container h1{font-size:2rem;font-weight:800;padding-bottom:1rem}.details__section .skills .skills__container .skill__cards{display:flex;flex-direction:column;gap:2rem;justify-content:center}.details__section .skills .skills__container .skill__cards .skill__card{align-items:center;background-color:#cf92fb;border-radius:22px;display:flex;flex-direction:column;padding:2rem}.details__section .skills .skills__container .skill__cards .skill__card h2{color:#fff;font-size:1.8rem;font-weight:800;padding-bottom:.8rem}.details__section .skills .skills__container .skill__cards .skill__card p{font-size:1rem;font-weight:400;padding-top:.4rem}}@media screen and (min-width:60em){.details__section{margin-top:5rem;padding:0 10rem}.details__section .about{display:flex;flex-direction:column;margin-top:2rem}.details__section .about h1{font-size:3rem;font-weight:800;padding-bottom:3rem;text-align:center}.details__section .about .about__container{display:grid;grid-template-columns:70% 30%}.details__section .about .about__container .about__info{display:flex;flex-direction:column}.details__section .about .about__container .about__info p{font-size:1.1rem;padding-bottom:2rem;width:70%}.details__section .about .about__container .about__image img{height:100%;object-fit:contain;width:100%}.details__section .skills{padding-top:4rem}.details__section .skills .skills__container h1{font-size:3rem;font-weight:800;padding-bottom:3rem;text-align:center}.details__section .skills .skills__container .skill__cards{grid-column-gap:1rem;display:grid;grid-template-columns:repeat(3,33%);justify-content:center}.details__section .skills .skills__container .skill__cards .skill__card{align-items:center;background-color:#cf92fb;border-radius:22px;display:flex;flex-direction:column;padding:2rem}.details__section .skills .skills__container .skill__cards .skill__card h2{color:#fff;font-size:2rem;font-weight:800;padding-bottom:.8rem}.details__section .skills .skills__container .skill__cards .skill__card p{font-size:1rem;font-weight:400;padding-top:.4rem}}
/*# sourceMappingURL=main.5a8ee561.css.map*/