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}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}#root,body{display:flex}#root{flex:1 1;flex-direction:column}.App{flex:1 1;overflow-y:auto;position:relative;text-align:center;z-index:1}.App,.App:before{height:100%;width:100%}.App:before{animation:backgroundMove 60s linear infinite;background-image:radial-gradient(circle at 25px 25px,#fff3 2%,#0000 0),radial-gradient(circle at 75px 75px,#fff3 2%,#0000 0);background-size:100px 100px;content:"";left:0;opacity:.3;position:fixed;top:0;z-index:-1}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:100px 100px}}.about,.contact-section,.projects-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;color:#fff;margin:2rem auto;max-width:1000px;padding:2rem}h1,h2,h3{color:#fff;text-shadow:2px 2px 4px #0000004d}p{color:#e0e0e0;line-height:1.6}.mywebsite-word{color:#df2113;font-weight:700}@media (max-width:768px){.about,.contact-section,.projects-section{margin:1rem;padding:1.5rem}}.projects{margin:0 auto;max-width:1450px;padding:64px 16px}.projects__header{font-size:20px;font-style:italic;margin-bottom:24px;text-align:center}.projects__header h3{font-size:30px;font-style:italic;margin:0 0 8px}.projects__header p{color:#666;margin:0}.projects__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:600px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.project-card{aspect-ratio:16/10;background:#0f0f0f;border-radius:14px;box-shadow:0 8px 24px #0000002e;cursor:pointer;outline:none;overflow:hidden;position:relative}.project-card:focus-visible{box-shadow:0 0 0 3px #4f46e5,0 8px 24px #0000002e}.project-card__img{display:block;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .4s ease;width:100%}.project-card__overlay{background:linear-gradient(180deg,#0000 20%,#000000a6);display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:14px;pointer-events:auto;position:absolute;transition:none}.project-card:focus-within .project-card__overlay,.project-card:hover .project-card__overlay,.project-card__overlay{opacity:1;transform:none;visibility:visible}.project-card:focus-within .project-card__img,.project-card:hover .project-card__img{transform:scale(1.08)}.project-card__title{letter-spacing:.2px;margin:0 0 6px}.project-card__desc,.project-card__title{color:#101010;font-size:18px;font-style:italic}.project-card__desc{margin:0 0 10px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.project-card__tags li{background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;color:#060606;font-size:18px;padding:4px 8px}.project-card__actions{display:flex;gap:8px}.btn{-webkit-appearance:none;appearance:none;background:#ffffff0f;border:1px solid #ffffff47;border-radius:10px;color:#fff;font-size:14px;padding:8px 12px;text-decoration:none;transition:transform .15s ease,background .15s ease}.btn:hover{background:#ffffff24;transform:translateY(-1px)}.btn--primary{background:#4f46e5;border-color:#0000}.btn--primary:hover{background:#4338ca}.project-card.is-active .project-card__overlay{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.project-card.is-active .project-card__img{transform:scale(1.08)}
/*# sourceMappingURL=main.b7b74078.css.map*/