:root{--vibrant-purple:#7817ff;--light-purple:#a78aff;--light-background:#f9f8ff;--dark-background:#090d2a;--card-dark:#181c3c;--card-dark-hover:#222750;--pink:#d685ff;--light-pink:#e5b0ff;--light-yellow:#ffff7d;--js-yellow:#f7df29}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth}body{background-color:#f9f8ff;background-color:var(--light-background);color:#555;font-family:Montserrat,sans-serif}body.dark{background-color:#090d2a;background-color:var(--dark-background);color:#d0d0d3}a{color:#7817ff;color:var(--vibrant-purple);text-decoration:none}.project-card a,header a{display:block;overflow:hidden;padding:.2em 0;position:relative}.project-card a:after,header a:after{background-color:#f7df29;background-color:var(--js-yellow);bottom:0;content:"";height:.1em;left:0;opacity:1;position:absolute;-webkit-transform:translate3d(-101%,0,0);transform:translate3d(-101%,0,0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;width:100%}.project-card a:focus:after,.project-card a:hover:after,header a:focus:after,header a:hover:after{-webkit-transform:translateZ(0);transform:translateZ(0)}a:hover{color:#7817ff;color:var(--vibrant-purple)}.bold{font-weight:700}.dark .bold,.dark a,.dark b,.dark h2,.dark h3{color:#fff}ul{list-style:none}main section{margin:0 auto;max-width:1144px;padding:0 48px}.section-title{margin-bottom:48px;text-align:center;text-transform:uppercase}.projects-container{display:flex;flex-wrap:wrap;gap:32px}@media screen and (max-width:768px){main section{padding:0 24px}}#about{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:48px 0}#about h3,#about li,#about p{font-size:1.1rem}#about h3{line-height:2.2rem;margin:16px 0 24px}.about-container{align-items:stretch;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(145,103,172,.12),0 1px 2px rgba(145,103,172,.24);display:flex;flex-wrap:wrap;min-height:420px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);width:95%}.dark .about-container{background-color:var(--card-dark);box-shadow:0 1px 3px rgba(37,0,58,.12),0 1px 2px rgba(28,0,45,.24)}.about-container:hover{box-shadow:0 14px 28px rgba(145,103,172,.25),0 10px 10px rgba(145,103,172,.22)}.dark .about-container:hover{background-color:var(--card-dark-hover);box-shadow:0 14px 28px rgba(54,0,91,.25),0 10px 10px rgba(68,0,107,.22)}.profile-pic{background-image:url(/static/media/profile.ef05a31daa040f383d31.jpg);background-position:50%;background-size:cover;height:100%;width:100%}.about-text-container{box-shadow:-3px 1px 3px rgba(145,103,172,.12),0 1px 2px rgba(145,103,172,.24);display:flex;flex-basis:310px;flex-direction:column;flex-grow:1;justify-content:space-between;padding:32px}.about-skills-list{display:flex;gap:72px}#about li,#about p{line-height:2rem}.tools-container{display:flex;flex-wrap:wrap;gap:8px}.tool-badge{border-radius:6px}.pic-container{flex-basis:332px}@media screen and (max-width:768px){.about-container{margin:84px 24px 0;overflow:visible;width:auto}.profile-pic{border-radius:50%;height:180px;margin-top:-90px;position:absolute;width:180px}.pic-container{display:flex;flex-basis:auto;justify-content:center;position:relative;width:100%}.about-text-container{border-radius:8px 8px 0 0;box-shadow:none;padding-top:120px}}@media screen and (max-width:320px){.profile-pic{height:164px;width:164px}.about-text-container{padding-top:98px}#about h3,#about p{font-size:1rem}}footer{align-items:center;background-color:var(--vibrant-purple);color:#fff;display:flex;flex-direction:column;gap:24px;margin-top:64px;padding:48px 32px;text-align:center}.dark footer{background-color:#240057}.wrapper{gap:12px}.social-icon,.wrapper{align-items:center;display:flex;justify-content:center}.social-icon{border:2px solid #fff;border-radius:50%;color:#fff;font-size:2rem;height:48px;padding:12px;transition:.3s;width:48px}.social-icon:hover{background-color:#fff}.dark .social-icon:hover{color:#240057}header{background-color:var(--light-background);display:flex;justify-content:space-between;padding:16px 72px;position:fixed;width:100%;z-index:2}.dark header{background-color:var(--dark-background)}header h1{font-size:1.6rem}nav ul{font-size:1.4rem;font-weight:600;gap:28px;height:100%;list-style:none}nav li,nav ul{align-items:center;display:flex}.hamburger{color:var(--vibrant-purple);cursor:pointer;display:none;font-size:1.4rem}.dark .hamburger{color:#fff}#title a{color:var(--vibrant-purple)}.dark #title a{color:#fff}#title a:after{display:none}#title span{color:var(--js-yellow)}.transparent{background-color:transparent;border:none;color:var(--vibrant-purple);cursor:pointer;font-size:1.2rem;line-height:.9rem}.dark .transparent{color:#fff}@media screen and (max-width:768px){header{align-items:flex-end;flex-wrap:wrap;padding:16px 32px}header h1{font-size:1.4rem}header .hamburger{display:unset}nav{max-height:0;overflow:hidden;transition:max-height .3s;width:100%}nav ul{flex-direction:column;height:100vh;justify-content:center}nav li:last-child{display:none}}@media screen and (max-width:320px){header{padding:16px 24px}header h1{font-size:1.1rem}.hamburger{font-size:1rem}}.btn{cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;padding:16px 32px;transition:.2s}.btn--outline{background-color:unset;border:1px solid var(--vibrant-purple);border-radius:8px;color:var(--vibrant-purple)}.btn--outline:hover,.dark .btn--outline{background-color:var(--vibrant-purple);color:#fff}.btn--outline:hover{box-shadow:0 14px 28px rgba(145,103,172,.25),0 0 0 rgba(145,103,172,.22)}@media screen and (max-width:768px){.btn--outline{background-color:var(--vibrant-purple);color:#fff;display:flex;justify-content:center;width:100%}}#intro{align-items:center;display:flex;gap:72px;justify-content:center;min-height:100vh;padding:70px 48px;position:relative}.arrow-down{bottom:32px;font-size:2rem;left:0;margin:0 auto;position:absolute;right:0;text-align:center}.fullwidth{box-shadow:0 8px 20px -20px grey;width:100%}.dark .fullwidth{box-shadow:0 8px 20px -20px #7a00cb}.intro-header{color:var(--pink);font-size:1.2rem;font-weight:600;margin-bottom:8px}.intro-name,.intro-skills{font-size:2.7rem;font-weight:700}.intro-name{color:var(--vibrant-purple);margin-bottom:8px}.dark .intro-name{color:#fbe3ff}.intro-skills{color:var(--light-purple)}.intro-text{font-size:1.2rem;line-height:2.2rem;margin:16px 0 48px}.trybe-link{color:#59c28d;transition:color .2s}.dark .trybe-link{color:#79ffbc}.trybe-link:hover{color:#2e6c51}.dark .trybe-link:hover{color:#00cf67}.balls{position:relative}.purple-ball{background-color:var(--light-pink);border-radius:50%;min-height:250px;min-width:250px}.yellow-ball{background-color:var(--light-yellow);border-radius:50%;height:150px;margin-right:-30px;margin-top:-50px;position:absolute;right:0;top:0;width:150px}@media screen and (max-width:768px){.balls{display:none}.intro-name,.intro-skills{font-size:2.2rem;font-weight:700}.intro-text{font-size:1.1rem}.arrow-down{display:none}}@media screen and (max-width:320px){#intro{padding:70px 24px}.intro-header{font-size:1rem}.intro-name,.intro-skills{font-size:1.6rem;font-weight:700}.intro-text{font-size:1rem}}.project-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(145,103,172,.12),0 1px 2px rgba(145,103,172,.24);display:flex;flex:0 0 328px;flex-direction:column;max-width:calc(50% - 16px);overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.dark .project-card{background-color:var(--card-dark);box-shadow:0 1px 3px rgba(37,0,58,.12),0 1px 2px rgba(28,0,45,.24)}.project-card:hover{box-shadow:0 14px 28px rgba(54,0,91,.25),0 10px 10px rgba(68,0,107,.22)}.dark .project-card:hover{background-color:var(--card-dark-hover);box-shadow:0 14px 28px rgba(33,0,55,.25),0 10px 10px rgba(42,0,67,.22)}.project-img-container{height:240px;position:relative}.project-preview{height:100%;object-fit:cover;object-position:center;width:100%}.project-header{align-items:center;display:flex;position:relative}.project-header,.project-stack{margin-bottom:8px}.project-icons{display:flex;gap:12px;position:absolute;right:0}.project-info{padding:16px 32px 32px}.project-info p{line-height:1.6rem}.project-tools-container{align-items:center;background-color:rgba(64,40,78,.82);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:8px;position:absolute;right:0;top:0;transition:opacity .3s}.project-tool-badge{border-radius:6px}.project-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media screen and (max-width:1144px){.project-card{flex:1 0 328px}}@media screen and (max-width:768px){.project-card{max-width:unset}.project-img-container{min-height:300px}}@media screen and (max-width:320px){.project-card{flex:1 0 260px}.project-info{padding:16px 24px 24px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.157dc27f.css.map*/