:root{font-family:Raleway,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1f1c1cde;background-color:var(--dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #7c3aed;--light: #e4e4e4;--dark-gray: #1b1b1b;--darker: #111111;--dark: #000000;--light-gray: #777777}body{margin:0;box-sizing:border-box;min-height:100vh;min-width:320px}h1{font-size:3.2em}#root{min-height:inherit;display:flex;justify-content:center}.main-container{color:var(--light);min-height:inherit;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.cta-1:hover,.cta-2:hover{scale:1.05;background-color:transparent}.cta-1,.cta-2{display:flex;color:var(--dark);font-size:1rem;font-weight:800;background-color:var(--primary);border-radius:2rem;border:2px solid var(--primary);padding:1rem 1.5rem;width:fit-content;cursor:pointer;gap:.5rem;align-items:center;text-decoration:none}.cta-1,.cta-2:hover{color:var(--light)}.cta-1,.cta-1>svg,.cta-2,.cta-2>svg{transition:.2s}.cta-1:hover{color:var(--primary)}.cta-1:hover>svg{scale:1.2}.cta-1:hover>svg>path{fill:var(--primary)}.cta-2{border-color:var(--light);background-color:var(--light);color:var(--darker)}.cta-2:hover>svg{filter:invert(1);scale:1.2}.intro-container,.social-icon{background-color:var(--dark)}.intro-container,.intro-section{min-height:inherit;display:flex}.subheader>h2,h1{margin:0}.intro-container{width:100%;justify-content:center}.intro-section{flex-direction:column;justify-content:center;width:50%;position:relative;gap:1rem}.header-one{animation:.2s .3s fadeup,.3s .5s forwards bounceback}h1{font-weight:900;line-height:normal}.links-container,.subheader>h2,h1{width:100%}.subheader{margin:1rem 0}.subheader-content{display:flex;gap:.5rem}.links-container{display:flex;justify-content:center;gap:2rem;padding:1rem 0 0}.social-icon{padding:1rem;clip-path:circle(40%);transition:.2s;position:relative}.cta-container{display:flex;gap:2rem;padding:1rem 0}.flex{display:flex;flex-direction:column}.cta-container,.header-one,.header-two,.subheader,h1{align-self:center}@media screen and (max-width: 800px){.intro-section{width:80%}h1{font-size:2.7rem}.cta-container{align-items:center;flex-direction:column}}@media screen and (max-width: 500px){h1{font-size:2.5rem}}@media screen and (max-width: 375px){h1{font-size:2.2rem}h2{font-size:1.2rem}}.cta-container>*,.header-one,.header-two,.link-wrapper,.subheader-content{opacity:0}.header-two{animation:.2s .5s fadeup,.3s .7s forwards bounceback}.subheader-content{animation:.5s .7s forwards faderight}.cta-container>.cta-1-wrapper{animation:.2s 1s fadeup,.3s 1.2s forwards bounceback}.cta-container>.cta-2-wrapper{animation:.2s 1.1s forwards fadeup,.3s 1.3s forwards bounceback}.link-wrapper{animation:.3s scale,.2s 1.2s fadeup,.3s 1.4s forwards bounceback}.social-icon:hover{filter:invert(1);scale:1.1}@keyframes fadeup{0%{transform:translateY(50px)}to{opacity:1;transform:translateY(-5px)}}@keyframes bounceback{0%{opacity:1;transform:translateY(-5px)}50%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes faderight{0%{transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes fadeleft{0%{transform:translate(80px)}to{opacity:1;transform:translate(0)}}.projects-section{min-height:inherit;width:100%;color:var(--light);background-color:var(--dark);position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box}.projects-header{font-size:2rem;font-weight:900;margin-bottom:0}.projects-subheader{text-align:center;margin:0;color:var(--light-gray);font-style:italic}.project-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));min-height:320px;height:100%;width:100%;box-sizing:border-box;padding:1rem 7rem}.link-to-github{color:var(--light-gray);display:flex;align-items:center;gap:.5rem}.link-to-github>a>svg>path{transition:.2s}.link-to-github>a:hover>svg>path{fill:var(--primary)}@media screen and (max-width: 640px){.projects-section,.project-container{padding-left:1rem;padding-right:1rem}.projects-subheader,.link-to-github{font-size:1rem}}@media screen and (max-width: 390px){.projects-section,.project-container{padding-left:0;padding-right:0}}.take-action,.take-action>svg,.take-action>.source-code-text{transition:.2s}.card{box-sizing:border-box;padding:1rem;text-align:center;min-height:320px;height:400px;border-radius:1rem;margin:1rem;color:var(--light);background-color:var(--dark-gray)}.project-image{width:100%;height:60%;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.project-image>img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:inherit}.project-details{height:40%;width:100%}.row-2{height:50%;display:flex;justify-content:center}.take-action{border-radius:1rem}.take-action{width:40%;background-color:var(--dark);display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;cursor:pointer;border:2px solid var(--dark)}.take-action:hover{background-color:var(--darker);border:2px solid var(--light-gray)}.take-action:hover>svg{transform:translateY(-15px)}.take-action>.source-code-text{position:absolute;font-size:.8rem;opacity:0}.take-action:hover>.source-code-text{color:var(--light);opacity:1;transform:translateY(20px)}@media screen and (max-width: 640px){.card{margin-left:.5rem;margin-right:.5rem}}.scrolling-marquee{gap:2rem}.marquee-child{gap:3rem}.tech-container{display:flex;gap:.5rem;align-items:center;padding:.5rem 1rem;font-weight:600;cursor:pointer}@media screen and (max-width: 900px){.scrolling-marquee{gap:.5rem}.marquee-child{gap:1rem}}@media screen and (max-width: 640px){.scrolling-marquee{gap:0rem}.marquee-child{gap:.5rem}}.aboutme-section,.detail,.icons,.myinfo,.pic-container{display:flex}.aboutme-section{min-height:inherit;width:100%;color:var(--light);background-color:var(--dark);position:relative;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box}.aboutme-header{height:fit-content;font-size:2rem;font-weight:900;margin-bottom:0}.aboutme-container,.skills-container{box-sizing:border-box;display:flex}.aboutme-subheader{font-style:italic;color:var(--light-gray);margin-top:0}.aboutme-container{width:100%;height:100%;justify-content:space-evenly;margin-bottom:1rem;padding:0 1rem}.mypic{max-height:500px;max-width:400px;border-radius:3rem;object-fit:contain;align-self:center}.myinfo{flex-direction:column;justify-content:center}.myinfo>h3{font-size:1.9rem;font-weight:900}.detail{align-items:center;gap:.5rem}.detail>h4{font-size:1.2rem;text-align:left;margin:.5rem 0;color:var(--light)}.skills-container{width:100%;max-width:1200px;padding:2rem;margin:0 0 2rem}@media screen and (max-width: 900px){.aboutme-container{flex-direction:column-reverse}.aboutme-subheader{margin-bottom:0}.pic-container{align-self:center}.myname{margin-top:0}.myinfo{align-items:center;margin-bottom:1.5rem}.detail>h4{font-size:1.2rem}.mypic{clip-path:circle(39%);aspect-ratio:1}}@media screen and (max-width: 820px){.skills-container{padding:2rem 1rem}}@media screen and (max-width: 640px){.aboutme-container{padding:0}.mypic{height:420px;width:320px}.myinfo>h3{font-size:1.5rem}.detail>h4{font-size:1rem}}@media screen and (max-width: 380px){.myinfo>h3{font-size:1.4rem}.detail>h4{font-size:.8rem}.skills-container{padding:2rem 1rem}.detail>svg{scale:.7}}.shiny-text{color:transparent;background-image:linear-gradient(120deg,#7c3aed 0% 40%,#d8b4fe 50%,#7c3aed 60% 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative;width:fit-content}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex}.text-rotate-lines{display:flex;flex-direction:column}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.navbar{position:fixed;top:50%;right:1%;transform:translate(-50%,-50%);color:var(--light);background:#000000b0;border-radius:16px;box-shadow:0 4px 10px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:2px solid rgba(119,119,119,.3);padding:1rem .5rem;border-radius:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:999;animation:appearfromside .3s .5s forwards;opacity:0}.navbar-icon{padding:1rem;clip-path:circle(40%);cursor:pointer;border-radius:1rem;background-color:transparent}.navbar-icon,.navbar-icon:not(.aboutme-icon)>path{transition:.3s}.navbar-icon:hover{scale:1.1;background-color:var(--light)}.navbar-icon:hover,.navbar-icon:hover>path{fill:var(--dark)}.wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper .tooltip{position:absolute;visibility:hidden;opacity:0;top:18%;transition:.3s;padding:.25rem .5rem;background-color:var(--light);color:var(--dark);font-weight:bolder;border-radius:1rem;z-index:-1;text-wrap:nowrap}.navbar-icon:hover+.tooltip{opacity:1;visibility:visible;transform:translatey(-50px)}@media screen and (max-width: 800px){.navbar{top:auto;bottom:-1rem;left:50%;right:auto;flex-direction:row;padding:.5rem 1rem;animation:appearfrombelow .3s .5s forwards}}@keyframes appearfromside{0%{right:-3%}to{opacity:1;right:1%}}@keyframes appearfrombelow{0%{bottom:-5%}to{opacity:1;bottom:-1rem}}
