@import url(https://fonts.googleapis.com/css2?family=Chewy&family=Cherry+Bomb+One&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}.App{background:#f3e2c6;color:#d65a1a;font-family:Chewy,cursive;min-height:100vh;overflow-x:hidden;position:relative}.App:before{animation:floatingOrbs 25s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#d65a1a14 0,#0000 50%),radial-gradient(circle at 80% 20%,#d65a1a14 0,#0000 50%),radial-gradient(circle at 50% 50%,#d65a1a0a 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes floatingOrbs{0%,to{background:radial-gradient(circle at 20% 80%,#d65a1a14 0,#0000 50%),radial-gradient(circle at 80% 20%,#d65a1a14 0,#0000 50%)}33%{background:radial-gradient(circle at 70% 30%,#d65a1a14 0,#0000 50%),radial-gradient(circle at 30% 70%,#d65a1a14 0,#0000 50%)}66%{background:radial-gradient(circle at 40% 90%,#d65a1a14 0,#0000 50%),radial-gradient(circle at 90% 40%,#d65a1a14 0,#0000 50%)}}.header{background:#0000;padding:35px 50px;position:relative}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.logo{color:#d65a1a;font-family:Cherry Bomb One,cursive;font-size:28px;font-weight:400;letter-spacing:1px;text-shadow:2px 2px 4px #d65a1a33;transform:rotate(-2deg);transition:all .4s ease}.logo:hover{text-shadow:3px 3px 8px #d65a1a66;transform:rotate(-5deg) translateY(-2px) scale(1.05)}.nav-links{display:flex;flex:1 1;gap:30px;justify-content:center}.nav-item{background:linear-gradient(145deg,#fff,#f8f8f8);border:2px solid #e0e0e0;border-radius:12px;box-shadow:8px 8px 0 #d65a1a,12px 12px 20px #d65a1a4d;cursor:pointer;height:80px;position:relative;transform:translateY(0) translateX(0);transition:all .3s ease;width:200px}.nav-item:before{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:10px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.nav-item:hover{box-shadow:4px 4px 0 #d65a1a,8px 8px 15px #d65a1a66;transform:translateY(4px) translateX(4px)}.nav-item:active{box-shadow:0 0 0 #d65a1a,2px 2px 8px #d65a1a80;transform:translateY(8px) translateX(8px)}.nav-item.active{background:linear-gradient(145deg,#fff8f0,#ffe8d6);box-shadow:4px 4px 0 #d65a1a,8px 8px 15px #d65a1a66;transform:translateY(4px) translateX(4px)}.nav-item.active .nav-text{color:#b8511a;font-weight:600;transform:translate(-50%,-50%) scale(1.05)}.nav-text{color:#d65a1a;font-family:Chewy,cursive;font-size:16px;left:50%;position:absolute;text-shadow:1px 1px 2px #d65a1a33;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:2}.nav-item:hover .nav-text{color:#b8511a;transform:translate(-50%,-50%) scale(1.05)}.menu-button{align-items:center;cursor:pointer;display:flex;gap:18px;transition:all .4s ease}.menu-button:hover{transform:scale(1.1) rotate(5deg)}.menu-dot{animation:pulse 2s infinite;background:radial-gradient(circle,#ff8c42 0,#d65a1a 100%);border-radius:50%;box-shadow:0 0 15px #d65a1a99;height:18px;width:18px}@keyframes pulse{0%,to{box-shadow:0 0 15px #d65a1a99;transform:scale(1)}50%{box-shadow:0 0 25px #d65a1acc;transform:scale(1.2)}}.menu-toggle{background:linear-gradient(90deg,#d65a1a,#ff8c42);border-radius:20px;box-shadow:inset 0 3px 6px #00000026,0 4px 12px #d65a1a4d;height:28px;position:relative;width:55px}.menu-toggle:after{background:radial-gradient(circle,#fff 0,#f8f8f8 100%);border-radius:50%;box-shadow:0 3px 8px #00000040;content:"";height:22px;position:absolute;right:3px;top:3px;width:22px}.portfolio-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 20px 20px;position:relative;text-align:center}.portfolio-section:before{animation:breathe 8s ease-in-out infinite;background:radial-gradient(circle,#d65a1a14 0,#0000 70%);border-radius:50%;content:"";height:700px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px;z-index:-1}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.portfolio-title{-webkit-text-fill-color:#0000;animation:titleFloat 6s ease-in-out infinite;background:linear-gradient(135deg,#d65a1a,#ff8c42 50%,#d65a1a);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:6rem;font-weight:400;letter-spacing:8px;position:relative;text-shadow:4px 4px 8px #d65a1a4d;transform:rotate(-3deg)}.portfolio-title:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d65a1a4d,#ff8c424d);-webkit-background-clip:text;background-clip:text;content:"PORTFOLIO";filter:blur(1px);left:0;position:absolute;top:0;transform:translate(6px,6px) rotate(-3deg);z-index:-1}.portfolio-title:after{background:linear-gradient(90deg,#0000,#d65a1a 50%,#0000);border-radius:10px;bottom:-30px;box-shadow:0 4px 8px #d65a1a4d;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%) rotate(2deg);width:150px}@keyframes titleFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(-1deg)}}.portfolio-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.projects-section{padding:0;position:relative}.projects-header{align-items:center;background:linear-gradient(135deg,#d65a1a,#ff8c42);box-shadow:0 8px 25px #d65a1a4d;display:flex;justify-content:center;margin-bottom:0;min-height:100vh;overflow:hidden;padding:40px 50px;position:relative}.projects-header:before{animation:shine 4s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.projects-header h2{color:#fff;font-family:Cherry Bomb One,cursive;font-size:3.5rem;font-weight:400;letter-spacing:2px;text-shadow:4px 4px 12px #0006;transform:rotate(-1deg)}.project,.projects-header h2{margin:0 auto;max-width:1400px}.project{align-items:center;display:flex;gap:80px;justify-content:center;min-height:100vh;padding:80px 50px;position:relative;transition:all .5s ease}.project:before{background:linear-gradient(90deg,#0000,#d65a1a4d 50%,#0000);border-radius:2px;bottom:0;content:"";height:2px;left:50px;position:absolute;right:50px}.project:hover{transform:translateY(-5px)}.project:nth-child(2n){flex-direction:row-reverse}.project:nth-child(odd){flex-direction:row}.project-content{animation:slideIn .8s ease forwards;flex:1 1;max-width:650px;opacity:0;transform:translateX(30px)}.project:nth-child(2n) .project-content{transform:translateX(-30px)}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d65a1a,#ff8c42);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:400;letter-spacing:2px;margin-bottom:40px;position:relative;text-align:center;text-shadow:2px 2px 4px #d65a1a33;transform:rotate(-1deg)}.project-title:after{background:linear-gradient(90deg,#d65a1a,#ff8c42);border-radius:10px;bottom:-15px;box-shadow:0 3px 6px #d65a1a4d;content:"";height:5px;left:0;position:absolute;transform:rotate(1deg);width:80px}.project-description{color:#4a4a4a;font-size:17px;font-weight:400;line-height:1.7;text-align:justify}.project-description p{margin-bottom:25px}.project-description strong{color:#d65a1a;font-size:18px;font-weight:400}.tech-item{border-left:4px solid #0000;border-radius:8px;line-height:1.7;margin-bottom:20px;padding:15px 20px;text-align:justify;transition:all .4s ease}.tech-item:hover{background:#d65a1a14;border-left-color:#d65a1a;box-shadow:0 4px 12px #d65a1a26;transform:translateX(8px)}.tech-label{color:#d65a1a;font-size:18px;font-weight:400;text-shadow:1px 1px 2px #d65a1a33}.project-image{align-items:center;animation:fadeInScale .8s ease .3s forwards;display:flex;flex:0 0 450px;height:350px;justify-content:center;opacity:0;transform:scale(.9)}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.baymax-placeholder{animation:robotFloat 3s ease-in-out infinite;background-image:url(/static/media/baymax.6ffecc0cfd041df32bce.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px;transition:all .4s ease;width:380px}.baymax-placeholder:hover{background-image:url(/static/media/baymax_hover.90c9dd7dbbabc4d9971f.png);transform:translateY(-10px) scale(1.05)}@keyframes robotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.desty-besty-placeholder{background-image:url(/static/media/destybesty.ad7ef8b36e12234039f2.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px;transition:all .4s ease;width:380px}.desty-besty-placeholder:hover{background-image:url(/static/media/destybesty_hover.f096f1d2b8f045bbf800.png);transform:translateY(-10px) scale(1.05)}.citizen-carz-placeholder{animation:carMove 4s ease-in-out infinite;background-image:url(/static/media/citizencarz.dde06c95a14ab18e2d92.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px;transition:all .4s ease;width:380px}.citizen-carz-placeholder:hover{animation:carSlideOut 1.2s ease-in-out forwards;background-image:url(/static/media/citize%20carz_hover.bf03290721ff203d100d.png)}.habit-it-placeholder{background-image:url(/static/media/habit_it.d9ab70d72139b644c7cb.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #d65a1a40;border-radius:18px;box-shadow:0 10px 20px #d65a1a40,inset 0 2px 6px #fff9;height:300px;transition:all .4s ease;width:380px}.habit-it-placeholder:hover{box-shadow:0 14px 28px #d65a1a4d,inset 0 2px 6px #ffffffb3;transform:translateY(-10px) scale(1.05)}@keyframes carSlideOut{0%{background-image:url(/static/media/citizencarz.dde06c95a14ab18e2d92.png);transform:translateX(0) translateY(0) scale(1)}30%{background-image:url(/static/media/citize%20carz_hover.bf03290721ff203d100d.png);transform:translateX(0) translateY(-10px) scale(1.05)}to{background-image:url(/static/media/citize%20carz_hover.bf03290721ff203d100d.png);transform:translateX(-1000px) translateY(-10px) scale(1.05)}}@keyframes carMove{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.project-content,.project-image{animation-delay:.2s}.project:nth-child(3) .project-content,.project:nth-child(3) .project-image{animation-delay:.4s}.project:nth-child(4) .project-content,.project:nth-child(4) .project-image{animation-delay:.6s}.project-content:hover .project-title{transform:translateX(10px);transition:transform .3s ease}.project-content:hover .tech-item{transform:translateX(5px);transition:transform .2s ease}.project-description p:first-of-type{color:#2d2d2d;font-size:18px;font-weight:500}@media (max-width:1200px){.project{gap:60px;padding:60px 40px}.project-image{flex:0 0 350px;height:280px}.baymax-placeholder,.citizen-carz-placeholder,.desty-besty-placeholder,.habit-it-placeholder{height:250px;width:320px}}@media (max-width:768px){.header{padding:20px 30px}.nav{flex-direction:column;gap:20px}.nav-links{gap:30px}.nav-item{width:50px}.portfolio-title{font-size:3.5rem;letter-spacing:6px}.projects-header{min-height:100vh;padding:25px 30px}.projects-header h2{font-size:2rem}.project{flex-direction:column!important;gap:40px;min-height:100vh;padding:50px 30px}.project-image{flex:none;height:250px;width:100%}.baymax-placeholder,.citizen-carz-placeholder,.desty-besty-placeholder,.habit-it-placeholder{height:220px;margin:0 auto;width:280px}.project-title{font-size:2.2rem}.project-content,.project-title{text-align:center}.tech-item{text-align:left}}@media (max-width:480px){.portfolio-title{font-size:2.8rem;letter-spacing:4px}.project{min-height:100vh;padding:40px 20px}.project-title{font-size:1.8rem}.baymax-placeholder,.citizen-carz-placeholder,.desty-besty-placeholder,.habit-it-placeholder{height:200px;width:250px}}.footer{background:linear-gradient(135deg,#d65a1a,#ff8c42);color:#fff;overflow:hidden;padding:60px 50px 20px;position:relative}.footer:before{animation:shine 6s infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr;margin:0 auto 40px;max-width:1400px}.footer-section{position:relative;z-index:2}.footer-title{font-family:Cherry Bomb One,cursive;font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px #0003;transform:rotate(-1deg)}.footer-description{font-size:16px;line-height:1.6;opacity:.9;text-align:justify}.footer-heading{font-family:Chewy,cursive;font-size:1.4rem;margin-bottom:20px;text-shadow:1px 1px 2px #0003}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{border-left:3px solid #0000;color:#fff;cursor:pointer;display:block;font-size:14px;opacity:.8;padding:8px 0 8px 10px;text-decoration:none;transition:all .3s ease}.footer-link:hover{border-left-color:#fff;opacity:1;text-shadow:1px 1px 2px #0000004d;transform:translateX(5px)}.footer-bottom{border-top:1px solid #fff3;margin:0 auto;max-width:1400px;padding-top:20px;position:relative;text-align:center;z-index:2}.footer-bottom p{font-size:14px;font-style:italic;opacity:.8}@media (max-width:768px){.footer{padding:40px 30px 20px}.footer-content{gap:40px;grid-template-columns:1fr;text-align:center}.footer-title{font-size:2rem}.footer-links{align-items:center}.footer-link{border-bottom:2px solid #0000;border-left:none;cursor:pointer;padding:8px 0;text-align:center}.footer-link:hover{border-bottom-color:#fff;border-left:none;transform:translateY(-2px)}}
/*# sourceMappingURL=main.a4bf3e8b.css.map*/