.project.svelte-1xrhpvm.svelte-1xrhpvm,.project.svelte-1xrhpvm h2.svelte-1xrhpvm{margin:0}.project-banner.svelte-1xrhpvm.svelte-1xrhpvm{box-shadow:var(--box-shadow);margin:20px;color:var(--base-fg);height:10em;position:relative;font-size:3rem;transition:all .3s ease;border-radius:30px;overflow:hidden}.project-banner.svelte-1xrhpvm:hover .project-name.svelte-1xrhpvm{transform:scale(1.1)}.project-background.svelte-1xrhpvm.svelte-1xrhpvm{background-image:linear-gradient(to right top,#fff,#ebebeb,#a5a5a5,#626262,#000);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease-in-out}.project-background.svelte-1xrhpvm.svelte-1xrhpvm:hover{transform:scale(1.05)}.project-name.svelte-1xrhpvm.svelte-1xrhpvm{font-size:3rem;font-weight:700;margin-bottom:10px;transition:transform .3s ease-in-out}.project-description.svelte-1xrhpvm.svelte-1xrhpvm{font-size:1.5rem;max-width:800px;transition:transform .3s ease,font-size .3s ease}@media (max-width: 768px){.project-banner.svelte-1xrhpvm.svelte-1xrhpvm{height:11em;margin:30px;font-size:1.5rem}.project-name.svelte-1xrhpvm.svelte-1xrhpvm{font-size:1.5rem}.project-description.svelte-1xrhpvm.svelte-1xrhpvm{font-size:1.2rem}}@media (max-width: 480px){.project-banner.svelte-1xrhpvm.svelte-1xrhpvm{height:30vh;margin:0;border-radius:0;font-size:1rem}.project-background.svelte-1xrhpvm.svelte-1xrhpvm{animation:svelte-1xrhpvm-shrink 1s forwards}.project-name.svelte-1xrhpvm.svelte-1xrhpvm{font-size:1.2rem;animation:svelte-1xrhpvm-grow 1s forwards}.project-description.svelte-1xrhpvm.svelte-1xrhpvm{font-size:.8rem;animation:svelte-1xrhpvm-grow 1s forwards}}@keyframes svelte-1xrhpvm-grow{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes svelte-1xrhpvm-shrink{0%{transform:scale(1.2)}to{transform:scale(1)}}