body{margin:0;font-family:Nunito,Fira Sans,"monospace",Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Nunito,Fira Sans,"monospace",source-code-pro,Menlo,Monaco,Consolas,Courier New}a:active,a:hover,a:link{text-decoration:none}.header{justify-content:space-between;padding:20px 12px;position:relative;background-color:#551a8b}.header,.menu{display:flex;flex:1 1;align-items:center}.menu{justify-content:flex-end}.menu-icon{font-size:26px;display:flex;color:#fff}.mobile-menu{display:none}.name,.web-menu{display:flex}.name{font-size:20px}.name,.name a{color:#fff}@media only screen and (max-width:720px){.mobile-menu{display:flex}.web-menu{display:none}.name{font-size:18px;color:#fff}}.web{display:flex;flex:1 1;align-items:center}.web-option{font-size:20px;margin-right:32px;font-weight:600}.web-option a{color:#fff;display:flex;align-items:center}a.single-web-option:hover{font-style:italic}.mobile{height:100vh;width:60vw;position:absolute;right:0;padding:30px 12px;top:-6px;display:flex;flex-direction:column;background-color:#5d2591;background-color:var(--primary-color)}.close-icon{font-size:20px;display:flex;justify-content:flex-end;color:#fff}.mobile-options{display:flex;flex-direction:column;width:100%;padding-top:0;justify-content:center;align-items:center;height:100%}.mobile-option{font-size:20px;margin:36px 8px;display:flex}.mobile-option a{color:#fff;display:flex;font-weight:600}.body{padding:36px 12px}p{font-size:18px}.social-contact{display:flex;flex-direction:row;padding:20px;align-items:center;justify-content:center;flex-wrap:wrap;grid-gap:30px;gap:30px}.social-icon{color:#551a8b}a.social-icon{margin:0 1rem;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;display:inline-block}a.social-icon:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media only screen and (max-width:370px){.social-contact{grid-gap:15px;gap:15px}}.about-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.picture{height:320px;padding:16px}.about-info{font-size:22px;display:flex;flex-direction:column;flex-wrap:wrap;grid-gap:14px;gap:14px}.education{font-style:italic;color:#a95ba9;font-weight:600}.info-name{font-size:54px;font-weight:600;font-family:Fira Mono,Fira Sans,monospace;color:#551a8b}.hello,.statement{font-family:Fira Mono,Fira Sans,monospace;font-weight:500}.statement{padding-top:24px}@media only screen and (max-width:1096px){.info-name{font-size:38px}}@media only screen and (max-width:720px){.about-top{flex-direction:column;justify-content:center;align-items:center}.info-name{font-size:34px}.education,.hello,.statement{font-size:18px}}@media only screen and (max-width:430px){.about-top{flex-direction:column;justify-content:center;align-items:center}.picture{height:300px}}@media only screen and (max-width:430px){.about-top{flex-direction:column;justify-content:center;align-items:center}.picture{height:300px}.info-name{font-size:34px;font-weight:600;font-family:Fira Mono,Fira Sans,monospace;color:#551a8b}}@media only screen and (max-width:360px){.about-top{flex-direction:column;justify-content:center;align-items:center}.picture{height:250px}}.project-card{display:flex;flex:40% 1;flex-direction:column;max-width:44%;align-items:center;margin:16px 0;padding:30px 20px;border:3px solid #d4c2d4;border-radius:10px;grid-gap:10px;gap:10px}.project-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02);transition:all .5s ease;box-shadow:0 10px 40px 0 rgba(40,39,39,.4);z-index:3}.project-title{font-size:24px;font-weight:600}.project-photo{width:100%;max-height:70%}.project-tags{display:flex;flex-wrap:wrap;margin-bottom:16px;margin-top:16px}.tag{padding:4px 8px;background-color:#7d517d;color:#fff;border-radius:8px;margin-right:8px;margin-bottom:4px;font-size:14px}.fi-brands-github,.fi-rr-globe{margin-right:5px}.project-links a{color:#000}.project-links{display:flex;flex-direction:row}.link-button{justify-content:center;padding:10px 0;font-size:16px;margin-right:20px}.link-button,.link-button i{display:flex;align-items:center}.link-button i{-webkit-mask-repeat:4px;mask-repeat:4px}.section-title{font-size:40px;font-weight:700;color:#582687}@media only screen and (max-width:730px){.project-card{flex:100% 1;max-width:100%}}@media only screen and (max-width:720px){.project-photo{width:100%}.project-card{flex-direction:column;border:3px solid #cdb6cf}.project-info{grid-gap:20px;gap:20px}.project-info,.project-tags{max-width:95%}}.project-card-container{scroll-behavior:smooth;display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:2em;gap:2em;justify-content:space-between;padding:10px 0}@media only screen and (max-width:730px){.project-card-container{display:flex;flex-direction:column;grid-gap:2em;gap:2em}}*{margin:0;padding:0}body{display:flex;justify-content:center}.timeline{margin:20px auto;padding:20px}.outer{border-left:2px solid #5d2591;border-left:2px solid var(--primary-color)}.card{position:relative;margin:0 0 20px 20px;padding:10px;color:#151515;border-radius:8px;max-width:80%}.info{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.title{color:#5d2591;color:var(--primary-color);position:relative}.title:before{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:999px;left:-39px;border:3px solid #5d2591;border:3px solid var(--primary-color)}:root{--primary-color:#5d2591}.contact{display:flex;flex-direction:column;flex:1 1}.contact-container{display:flex;flex-direction:row;flex:1 1;justify-content:space-between;align-items:center}.contact-left{max-width:60%}.quote{text-align:center;font-size:22px;color:#815f98}.download{background-color:#5d2591;background-color:var(--primary-color);padding:10px 16px;font-size:24px;display:flex;align-items:center;border-radius:4px}.download a{text-decoration:none;color:#fff}.download-link{display:flex;flex-direction:row;justify-content:center;grid-gap:.5em;gap:.5em}a.download-link:hover{font-style:italic}.about-detail{display:flex;flex-direction:column;padding:30px 0}.section-title{padding:10px 0}p{margin:10px 0;line-height:1.6}html{scroll-behavior:smooth}.home{display:flex;flex-direction:column;width:80%;margin:auto}@media only screen and (max-width:1024px){.home{width:90%}}@media only screen and (max-width:512px){.home{width:100%}}
/*# sourceMappingURL=main.d308e9ca.chunk.css.map */