button.svelte-i53lm0 {
		display: inline-block;
		border: none;
		margin: 0;
		text-decoration: none;
		background: none;
		cursor: pointer;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: flex;
	}

	.postTitle.svelte-i53lm0 {
		position: absolute;
		bottom: 0;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.3);
		width: 100%;
		color: white;
		overflow: hidden;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		transition: opacity, transform, 0.3s;
		max-height: 50%;
		overflow: hidden;
		backdrop-filter: blur(2px);
		transform: translateY(50px);
		opacity: 0;
	}

	.postLink.svelte-i53lm0:hover .postTitle:where(.svelte-i53lm0) {
		transform: translateY(0px);
		transition:
			opacity,
			transform 0.1s;
		opacity: 1;
		transition-delay: 0.2s;
	}

	.filmGallery.svelte-i53lm0 li:where(.svelte-i53lm0) .postTitle:where(.svelte-i53lm0) {
		opacity: 1;
		transform: translateY(0px);
		background-color: rgba(0, 0, 0, 0.6);
	}

	.postLink.svelte-i53lm0 {
		position: relative;
		overflow: hidden;
		background-image: url('../../../assets/misc/thumbmissing.svg');
		border-radius: 10px;
	}

	.projectThumbnail.svelte-i53lm0 {
		width: 100%;
		height: 100%;
	}

	ul.svelte-i53lm0 {
		list-style: none;
	}

	.projectThumbnail.svelte-i53lm0,
	.artGallery.svelte-i53lm0 li:where(.svelte-i53lm0),
	.filmGallery.svelte-i53lm0 li:where(.svelte-i53lm0) {
		border-radius: 10px;
	}

	.artGallery.svelte-i53lm0,
	.filmGallery.svelte-i53lm0 {
		margin: 0;
		padding: 0;
		list-style: none;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		grid-template-rows: 1fr;
		gap: 5px;
		justify-content: center;
	}

	.filmGallery.svelte-i53lm0 {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}

	.artGallery.svelte-i53lm0,
	.filmGallery.svelte-i53lm0 :where(.svelte-i53lm0) {
		transition: transform 1s;
	}

	.artGallery.svelte-i53lm0 li:where(.svelte-i53lm0),
	.filmGallery.svelte-i53lm0 li:where(.svelte-i53lm0) {
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		aspect-ratio: 1;
		display: flex;
		justify-content: center;
	}

	.filmGallery.svelte-i53lm0 li:where(.svelte-i53lm0) {
		aspect-ratio: 16/9;
	}

	.filmGallery.svelte-i53lm0 li:where(.svelte-i53lm0) a:where(.svelte-i53lm0) img:where(.svelte-i53lm0) {
		width: 100%;
		object-fit: cover;
	}

	.seeMore.svelte-i53lm0 {
		background-image: none;
		background-color: none;
		color: white;
		text-align: center;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-content: center;
		flex-direction: column;
		width: 100%;
		height: 100%;
		transition: background-color 200ms;
		border-radius: 10px;
	}

	.seeMore.svelte-i53lm0 p:where(.svelte-i53lm0), .seeMore.svelte-i53lm0 span:where(.svelte-i53lm0) {
		margin: 0;
		font-size: 3em;
	}

	.seeMore.svelte-i53lm0:hover{
		background-color: rgba(0, 0, 0, 0.506);
		transition: background-color 200ms;
	}

	a.svelte-i53lm0 {
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 100%;
		display: block;
	}

	ul.svelte-i53lm0 :where(.svelte-i53lm0) {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		-ms-user-select: none;
		user-select: none;

		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
		-o-user-drag: none;
		-ms-user-drag: none;
	}