#wrapper.svelte-1huwfz8{margin-top:200px;margin-bottom:200px;height:auto}.card.svelte-1huwfz8 p:where(.svelte-1huwfz8){color:#6a6a6a;font-size:18px}#projectswrapper.svelte-1huwfz8{display:grid;grid-template-columns:1fr 1fr;margin-top:100px;height:auto;gap:20px}.card.svelte-1huwfz8{width:100%;height:360px;background-color:#f9f9f9;transition:all .3s ease;border-radius:22px;border:1.5px #e3e3e3 solid;padding:32px;position:sticky;color:#000;display:grid;grid-template-columns:1fr 1fr;gap:30px}.card.svelte-1huwfz8:hover{background-color:#f1f1f1;transform:translateY(-5px)}.card.svelte-1huwfz8:hover .prevImg:where(.svelte-1huwfz8) img:where(.svelte-1huwfz8){transform:scale(1.02)}.prevImg.svelte-1huwfz8{height:100%;border-radius:16px;background-color:#fff;position:relative;overflow:hidden}.prevImg.svelte-1huwfz8 img:where(.svelte-1huwfz8){width:100%;height:100%;object-fit:cover;border-radius:16px;transition:transform .3s ease}.cardtxt.svelte-1huwfz8{gap:20px;max-width:200px}a.svelte-1huwfz8{text-decoration:none}html[data-theme=dark] .card.svelte-1huwfz8{background-color:#1a1a1c;border-color:#2e2e30}html[data-theme=dark] .card.svelte-1huwfz8:hover{background-color:#222224}html[data-theme=dark] .prevImg.svelte-1huwfz8{background-color:#252528}html[data-theme=dark] .card.svelte-1huwfz8 h3:where(.svelte-1huwfz8){color:#eaeaea}html[data-theme=dark] .card.svelte-1huwfz8 p:where(.svelte-1huwfz8){color:#888}@media (max-width: 800px){#wrapper.svelte-1huwfz8{margin-top:100px;margin-bottom:0}#projectswrapper.svelte-1huwfz8{display:grid;grid-template-columns:1fr;gap:20px;margin-top:50px}.card.svelte-1huwfz8{width:100%;--pad: 25px;padding:var(--pad);height:auto;position:relative;grid-template-columns:1fr;grid-template-rows:auto auto;gap:2rem}.prevImg.svelte-1huwfz8{height:auto;aspect-ratio:5 / 4}.prevImg.svelte-1huwfz8 img:where(.svelte-1huwfz8){height:100%}.card.svelte-1huwfz8 p:where(.svelte-1huwfz8){font-size:18px}.cardtxt.svelte-1huwfz8{display:flex;flex-direction:column;justify-content:space-between;gap:20px;max-width:none}.cardtxt.svelte-1huwfz8 p:where(.svelte-1huwfz8):first-of-type{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}