body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Oxygen,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:767px){.App{padding:0}}.App .introduction{margin:4rem auto 0;max-width:960px}@media(max-width:767px){.App .introduction{margin:2rem auto 0;padding:0 2rem}}.App .introduction .logo{height:auto;width:80px}@media(max-width:767px){.App .introduction .logo{width:250px}}.App .introduction .copy h1{color:#4f4f4f;font-size:1.5rem;font-weight:400;line-height:1.8;margin:1rem 0}.App .introduction .copy h1 span{background-color:#fcf8e8;border-radius:6px;color:#df7861;padding:.1rem .5rem}@media(max-width:767px){.App .introduction .copy h1{font-size:1.45rem;margin:.8rem 0}}.App .projects{grid-gap:3.5rem;display:grid;gap:3.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:4rem auto 8rem;max-width:960px}@media(max-width:767px){.App .projects{gap:2.5rem;margin:4rem auto;padding:0 2rem}}.App .projects .project{height:100%;width:100%}.App .footer{margin:4rem auto 2rem;max-width:960px;text-align:center}.App .footer p{font-size:1rem;margin:0 0 1rem}.App .footer p a{color:#4f4f4f;text-decoration:none;transition:all .42s ease}.App .footer p a:hover{color:#df7861;text-decoration:underline}.App .footer p.copyright{color:#4f4f4f;font-size:.8rem}.project-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.project-card .logo-container{align-items:center;background-color:#fcfcfc;border-bottom:1px solid #f0f0f0;display:flex;justify-content:center;padding:0}.project-card .logo-container .logo{height:250px;object-fit:cover;width:100%}@media screen and (max-width:767px){.project-card .logo-container .logo{height:180px}}.project-card .details{padding:1.5rem}.project-card .details .title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.project-card .details .description{color:#4f4f4f;font-size:1rem;line-height:1.6;margin:0 0 1rem}.project-card .details .tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card .details .tags .tag{background-color:#f0f0f0;border-radius:6px;color:#4f4f4f;font-size:.8rem;padding:.2rem .4rem;transition:all .42s ease}.project-card .details .tags .tag:hover{background-color:#df7861;color:#fff}
/*# sourceMappingURL=main.780c7edf.css.map*/