.project.svelte-oviq8z{background-color:#fafad2b0;border-radius:8px;margin:auto 2rem 2rem;padding:1.5rem;padding-bottom:0;display:grid;gap:1rem;grid-template-areas:"header header" "thumbnail thumbnail" "description description" "link-container link-container";overflow-x:clip}.project-data-container.svelte-oviq8z{display:grid;grid-template-columns:min-content 1fr;gap:1rem;margin-top:4rem}.project-data-container.svelte-oviq8z .data-item:where(.svelte-oviq8z){display:contents}.project-data-container.svelte-oviq8z .data-item-category:where(.svelte-oviq8z){font-weight:700;color:#324d67}.project-data-container.svelte-oviq8z .data-item-description:where(.svelte-oviq8z){overflow-wrap:anywhere;word-break:break-word}.project-description.svelte-oviq8z{grid-area:description;margin:0 auto;max-width:30em}.project-description-text.svelte-oviq8z{margin:0 auto;max-width:30em;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;word-break:break-word}.project-description-text.svelte-oviq8z p{margin:0}.project-description-text.svelte-oviq8z p+p{margin-top:.75em}.project-description-text.svelte-oviq8z a{color:#324d67;font-weight:700;text-decoration:underline}.project-accordion.svelte-oviq8z{margin-top:1.5rem}.project-accordion.svelte-oviq8z summary:where(.svelte-oviq8z){color:#324d67;cursor:pointer;font-weight:700}.project-accordion.svelte-oviq8z ul:where(.svelte-oviq8z){margin:1rem 0 0;padding-left:1.25rem}.project-accordion.svelte-oviq8z li:where(.svelte-oviq8z){margin-bottom:.25rem}.project-header.svelte-oviq8z{font-size:2rem;grid-area:header;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center}.project-header-title.svelte-oviq8z{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.project-header-logos.svelte-oviq8z{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;max-width:100%}.project-header-logos.svelte-oviq8z img:where(.svelte-oviq8z){display:block;height:60px;max-width:100%;width:auto;margin-bottom:1rem}.project-header-logos.svelte-oviq8z a:where(.svelte-oviq8z){display:inline-flex}.project-links-container.svelte-oviq8z{border-top:1px solid hsl(220,50%,50%);display:flex;font-size:2.4rem;grid-area:link-container;justify-content:space-around;margin-top:2rem;width:100%}.project-thumbnail.svelte-oviq8z{grid-area:thumbnail;margin:0 auto}.project-thumbnail.svelte-oviq8z img:where(.svelte-oviq8z),.project-thumbnail.svelte-oviq8z video:where(.svelte-oviq8z){max-width:100%;border-radius:8px;border:10px solid white;box-shadow:0 4px 8px #0003}.bi.svelte-oviq8z{font-size:30px}.project-links-container.svelte-oviq8z .project-url:where(.svelte-oviq8z){transition:all .2s ease-in-out}.project-links-container.svelte-oviq8z .project-url:where(.svelte-oviq8z):hover{transform:scale(1.3) rotate(220deg)}.project-github.svelte-oviq8z{transition:all .2s ease-in-out}.project-github.svelte-oviq8z:hover{transform:scale(1.3) translateY(-8px) rotate(30deg)}i.svelte-oviq8z:hover{color:#0077b5}@media(min-width:700px){.project.svelte-oviq8z{margin:0 auto;margin:4rem;padding:4rem;grid-template-areas:"thumbnail thumbnail" "header header" "description description" "link-container link-container"}}@media(max-width:480px){.project-header-logos.svelte-oviq8z img:where(.svelte-oviq8z){height:30px;max-width:min(100%,180px)}}
