.App{text-align:center}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .8s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .8s ease-out forwards}@media (prefers-reduced-motion:reduce){.Name,.UIUC,.about-section,.contact,.contact-content p,.main_img,.project-item,.projects{animation:none!important;opacity:1!important;transform:none!important}}.Name,.UIUC,.about-section,.contact,.contact-content p,.main_img,.project-item,.projects{animation-fill-mode:both}@keyframes emergency-show{to{opacity:1;transform:none}}.container *{animation:emergency-show 0s 3s forwards}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#28342e;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:center;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header a{border-radius:8px;color:#f0f0f0;font-size:1.5rem;margin:0 2rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.App-header a:hover{background-color:#61dafb33;color:#61dafb;transform:translateY(-2px)}.container{background-color:#28342e;color:#fff;font-size:4em;margin:0;min-height:100vh;overflow:hidden;padding-bottom:1px;padding-top:1px;position:relative}.animated-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.floating-shapes{height:100%;position:absolute;width:100%}.shape{animation:float-shapes 8s ease-in-out infinite;opacity:.1;position:absolute}.shape:first-child{animation-delay:0s;animation-duration:12s;background:linear-gradient(45deg,#61dafb,#0000);border-radius:50%;height:80px;left:10%;top:20%;width:80px}.shape:nth-child(2){animation-delay:2s;animation-duration:10s;background:linear-gradient(45deg,#0000,#61dafb);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:60px;right:15%;top:35%;width:60px}.shape:nth-child(3){animation-delay:4s;animation-duration:14s;background:linear-gradient(45deg,#61dafb,#0000);bottom:30%;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:100px;left:20%;width:100px}.shape:nth-child(4){animation-delay:1s;animation-duration:11s;background:linear-gradient(45deg,#0000,#61dafb);border-radius:20%;bottom:20%;height:70px;right:25%;width:70px}.shape:nth-child(5){animation-delay:3s;animation-duration:13s;background:linear-gradient(45deg,#61dafb,#0000);height:50px;left:50%;top:10%;transform:rotate(45deg);width:50px}@keyframes float-shapes{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}25%{opacity:.2;transform:translateY(-20px) rotate(90deg)}50%{opacity:.15;transform:translateY(-10px) rotate(180deg)}75%{opacity:.25;transform:translateY(-30px) rotate(270deg)}}.particles{height:100%;position:absolute;width:100%}.particle{animation:particle-float 6s linear infinite;background:#61dafb;border-radius:50%;opacity:.3;position:absolute}.particle:first-child{animation-delay:0s;animation-duration:8s;height:3px;left:5%;width:3px}.particle:nth-child(2){animation-delay:1s;animation-duration:10s;height:2px;left:15%;width:2px}.particle:nth-child(3){animation-delay:2s;animation-duration:7s;height:4px;left:25%;width:4px}.particle:nth-child(4){animation-delay:3s;animation-duration:9s;height:2px;left:35%;width:2px}.particle:nth-child(5){animation-delay:4s;animation-duration:11s;height:3px;left:45%;width:3px}.particle:nth-child(6){animation-delay:.5s;animation-duration:8s;height:2px;left:55%;width:2px}.particle:nth-child(7){animation-delay:1.5s;animation-duration:10s;height:4px;left:65%;width:4px}.particle:nth-child(8){animation-delay:2.5s;animation-duration:9s;height:2px;left:75%;width:2px}.particle:nth-child(9){animation-delay:3.5s;animation-duration:7s;height:3px;left:85%;width:3px}.particle:nth-child(10){animation-delay:4.5s;animation-duration:12s;height:2px;left:95%;width:2px}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px) translateX(20px)}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.UIUC{animation:fadeInUp 1s ease-out .8s forwards;font-size:2rem;margin:.1em 0 0;opacity:0}.Name{animation:fadeInUp 1s ease-out .3s forwards;animation:fadeInUp 1s ease-out .3s forwards,fallback-show 0s 2s forwards;font-size:6rem;margin-bottom:.1em;opacity:0}@keyframes fallback-show{to{opacity:1}}.Name-typing{animation:typing 2s steps(20) 1.3s forwards,blink 1s 1.3s infinite;border-right:3px solid #61dafb;display:inline-block;overflow:hidden;white-space:nowrap;width:0}.projects{animation:fadeInDown 1s ease-out .5s forwards}.contact,.projects{font-size:4rem;margin-left:3%;margin-right:auto;opacity:0;text-align:left;transform:translateY(-20px)}.contact{animation:fadeInDown 1s ease-out .3s forwards}.about-section{animation:fadeInLeft 1s ease-out 1.2s forwards;flex:1 1;margin:2rem 0;max-width:1100px;opacity:0}.about-title{font-size:4rem;margin-bottom:1rem;margin-left:3%;text-align:left}.about-box{background-color:#ffffff1a;border-radius:8px;color:#f0f0f0;font-size:.5em;line-height:1.6;margin-left:7%;max-width:1000px;padding:1.5rem;text-align:left}.project-list{display:flex;flex-direction:column;font-size:.4em;gap:2rem;margin-left:3%;margin-right:3%}.project-item{background-color:#ffffff14;border-left:4px solid #61dafb;border-radius:12px;opacity:0;padding:1.5rem;text-align:left;transform:translateY(30px);transition:transform .3s ease,box-shadow .3s ease}.project-item:first-child{animation:fadeInUp .8s ease-out .2s forwards}.project-item:nth-child(2){animation:fadeInUp .8s ease-out .4s forwards}.project-item:nth-child(3){animation:fadeInUp .8s ease-out .6s forwards}.project-item:nth-child(4){animation:fadeInUp .8s ease-out .8s forwards}.project-item:nth-child(5){animation:fadeInUp .8s ease-out 1s forwards}.project-item:nth-child(6){animation:fadeInUp .8s ease-out 1.2s forwards}.project-item:nth-child(7){animation:fadeInUp .8s ease-out 1.4s forwards}.project-item:nth-child(8){animation:fadeInUp .8s ease-out 1.6s forwards}.project-item:hover{background-color:#ffffff1f;box-shadow:0 12px 35px #61dafb33;transform:translateY(-8px) scale(1.02)}.project-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.project-title{color:#61dafb;font-size:1.8em;font-weight:700;margin:0}.project-date{background-color:#61dafb33;color:#61dafb}.project-date,.project-tech{border-radius:20px;font-size:.9em;font-weight:500;padding:.3rem .8rem}.project-tech{background-color:#ffffff26;color:#f0f0f0}.inside-list{font-size:1.1em;line-height:1.6;list-style-position:outside;list-style-type:disc;margin:0;padding-left:1.5rem;text-align:left}.inside-list li{color:#e0e0e0;margin-bottom:.5rem}.contact-content{display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;margin-left:3%;margin-right:3%}.contact-content p{background-color:#ffffff14;border-left:4px solid #61dafb;border-radius:8px;margin:0;opacity:0;padding:1rem 1.5rem;transform:translateX(-20px);transition:all .3s ease}.contact-content p:first-child{animation:fadeInLeft .8s ease-out .2s forwards}.contact-content p:nth-child(2){animation:fadeInLeft .8s ease-out .4s forwards}.contact-content p:nth-child(3){animation:fadeInLeft .8s ease-out .6s forwards}.contact-content p:hover{background-color:#ffffff1f;border-left:4px solid #fff;transform:translateX(5px)}.about-wrapper{align-items:flex-start;display:flex;gap:1.5rem}.main_img{animation:fadeInRight 1s ease-out 1.2s forwards,float 3s ease-in-out 2.5s infinite;flex:0 0 auto;margin-top:18%;max-width:500px;opacity:0}.main_img,.project-image{border-radius:8px;height:auto;width:100%}.project-image{box-shadow:0 4px 20px #0000004d;margin-top:1rem;max-width:600px;transition:transform .3s ease,box-shadow .3s ease}.project-image:hover{box-shadow:0 8px 30px #61dafb4d;transform:translateY(-4px) scale(1.02)}@media (max-width:768px){.project-image{margin-top:.8rem;max-width:100%}}@media (max-width:480px){.project-image{border-radius:6px;margin-top:.6rem}}.about-box a{color:#61dafb;text-decoration:none;transition:color .3s ease}.about-box a:hover{color:#fff;text-decoration:underline}
/*# sourceMappingURL=main.10162e75.css.map*/