.project-card.centered-card{grid-column:1/-1;justify-self:center;width:50%}.post-it-container{display:grid;grid-template-columns:repeat(auto-fill,100px);grid-template-rows:repeat(auto-fill,100px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw + 300px);height:calc(100vh + 300px);overflow:hidden;z-index:-1}.post-it{width:100px;height:100px;perspective:1000px}.post-it-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s}.post-it.flipped .post-it-inner{transform:rotateY(180deg)}.post-it-front,.post-it-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#000}.post-it-front{background:#ffeb3b;box-shadow:3px 3px 10px #0003}.post-it-back{background:#ffc107;box-shadow:3px 3px 10px #0003;transform:rotateY(180deg);text-align:center;padding:5px}.fixed-striped-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:repeating-linear-gradient(-45deg,#8a661a,#8a661a 20px,#fff9e2 20px,#fff9e2 40px);background-attachment:fixed;background-size:200% 200%;z-index:-1;animation:moveStripes 120s linear infinite}@keyframes moveStripes{0%{background-position:0 0}to{background-position:100% 100%}}.about-me{max-width:700px;width:90%;padding:20px;background:#ffffff1a;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0003}.about-me h2{color:#fff9e2}.about-me p{font-size:16px;line-height:1.6;color:#ffffffd9;margin:10px 0}.tech-stack{max-width:700px;width:90%;padding:20px;background:#ffffff1a;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;display:flex;flex-direction:column;gap:20px}.tech-stack h2{color:#fff9e2}.tech-stack .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,5fr));gap:20px;justify-content:center;align-items:center}.tech-stack .tech-grid .tech-item{padding:20px;border-radius:6px;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center;background:#ffffff1a;box-shadow:0 4px 10px #0003;transition:transform .2s ease-in-out}.tech-stack .tech-grid .tech-item:hover{transform:scale(1.1)}.tech-stack .tech-grid .tech-item svg{width:40px;height:40px;display:block;fill:#fff}.tech-stack .tech-grid .tech-item p{color:#ffffffd9}.contact{max-width:700px;width:90%;padding:20px;background:#ffffff1a;border-radius:10px;text-align:center}.contact h2{color:#fff9e2}.contact p{font-size:16px;line-height:1.6;color:#ffffffd9;margin:10px 0}.contact a{color:#ffb347;text-decoration:none;font-weight:500}.contact a:hover{text-decoration:underline;color:#ffbb59}.projects-container{max-width:700px;width:90%;display:flex;flex-direction:column;gap:20px;padding:20px;background:#ffffff1a;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center}.projects-container h2{color:#fff9e2}.projects-container .projects-grid{display:flex;flex-wrap:wrap;gap:20px;width:100%;align-items:stretch}.projects-container .projects-grid .project-card{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 calc(50% - 20px);gap:20px;height:auto;background-color:#ffffff1a;border-radius:6px;padding:20px;box-shadow:0 4px 10px #0003}.projects-container .projects-grid .project-card h3{color:#fff9e2}.projects-container .projects-grid .project-card p{font-size:16px;line-height:1.6;color:#ffffffd9}.projects-container .projects-grid .project-card.centered-card{flex:0 1 calc(50% - 20px);margin:0 auto}.projects-container .projects-grid .project-card .tech-stack-project{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.projects-container .projects-grid .project-card .tech-stack-project span{background-color:#ffffff26;padding:.3rem .6rem;border-radius:.3rem;font-size:.8rem;color:#ffffffd9}.projects-container .projects-grid .project-card .links{display:flex;justify-content:space-between}.projects-container .projects-grid .project-card .links a{color:#ffb347;font-weight:700;transition:color .2s ease;text-decoration:none}.projects-container .projects-grid .project-card .links a:hover{color:#ffbb59;text-decoration:underline}@media (max-width: 768px){.projects-container .projects-grid .project-card{flex:1 1 100%}.projects-container .projects-grid .project-card.centered-card{flex:1}}*{padding:0;margin:0;box-sizing:border-box}body{width:100%;height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffd9;background-color:#252525}.app-container{display:flex;justify-content:center;margin:20px}.app-container .main-background{padding:20px;background:#252525fa;display:flex;flex-direction:column;align-items:center;gap:20px;width:850px}.app-container .main-background .hero h1{font-size:3rem;text-align:center;color:#fff9e2}.app-container .main-background .hero p{font-size:1.2rem;color:#ffffffd9;text-align:center}@media (max-width: 768px){.app-container{width:100vw;padding:0}.app-container .main-background{padding:0}}