#projects.svelte-rqn88j{display:flex;flex-direction:column;gap:1.6rem;margin:4rem 0}#projects.svelte-rqn88j #project-search:where(.svelte-rqn88j){display:flex;gap:.4rem;justify-content:center;align-items:center}#projects.svelte-rqn88j #project-search:where(.svelte-rqn88j) input:where(.svelte-rqn88j){background:var(--color-white-gray);width:60%;height:50px;font-size:18px;padding-left:1rem;border-radius:6px;border:2px solid var(--color-dark-blue)}#projects.svelte-rqn88j #project-search:where(.svelte-rqn88j) button:where(.svelte-rqn88j){--size: 50px;background:var(--color-dark-gray);border:1px solid var(--color-dark-gray);border-radius:6px;width:var(--size);height:var(--size);cursor:pointer}#projects.svelte-rqn88j #project-search:where(.svelte-rqn88j) button:where(.svelte-rqn88j) img:where(.svelte-rqn88j){--img-size: 46px;width:var(--img-size);height:var(--img-size)}#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j){display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j){background:var(--color-dark-gray);padding:1rem;border-radius:6px}@media screen and (max-width: 560px){#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j){width:98%;padding:.6rem}}#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) img:where(.svelte-rqn88j){width:500px;height:320px;border-radius:6px;margin-bottom:1rem}@media screen and (max-width: 560px){#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) img:where(.svelte-rqn88j){width:99%}}@media screen and (max-width: 412px){#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) img:where(.svelte-rqn88j){height:260px}}#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) .project-info:where(.svelte-rqn88j){display:flex;flex-direction:column;gap:.5rem}#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) .project-info:where(.svelte-rqn88j) h2:where(.svelte-rqn88j){font-size:26px;letter-spacing:1px;font-weight:700}@media screen and (max-width: 412px){#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) .project-info:where(.svelte-rqn88j) h2:where(.svelte-rqn88j){font-size:24px}}#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) .project-info:where(.svelte-rqn88j) a:where(.svelte-rqn88j){font-size:18px;color:var(--color-light-blue);letter-spacing:1.5px}@media screen and (max-width: 412px){#projects.svelte-rqn88j #loaded-projects:where(.svelte-rqn88j) .project:where(.svelte-rqn88j) .project-info:where(.svelte-rqn88j) a:where(.svelte-rqn88j){font-size:16px}}