@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400&family=Source+Sans+Pro&display=swap');
	

	#publishDate.svelte-1a2vinf,
	footer.svelte-1a2vinf {
		color: dimgray;
	}

	img.svelte-1a2vinf {
		object-fit: cover;
	}

	h1.svelte-1a2vinf {
		font-family: 'Inter', sans-serif;
		font-size: 28px;
		line-height: 32px;
	}

	.ssbc-button {
		border-radius: 50%;
	}

	#socialMedia.svelte-1a2vinf {
		padding-top: 15px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		line-height: 0;
		font-size: 15px;
		justify-content: space-between;
	}

	#projectContent.svelte-1a2vinf {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		line-height: 20px;
		background-color: #212528;
		height: 100%;
		width: 100%;
		display: flex;
		color: rgb(241, 241, 241);
		border-bottom: 5px;
	}

	.photoContent.svelte-1a2vinf:last-of-type:not(:first-of-type) {
		padding-bottom: 90px;
	}

	.videoContent.svelte-1a2vinf:last-of-type:not(:first-of-type) {
		padding-bottom: 90px;
	}

	.videoContent.svelte-1a2vinf {
		height: 100%;
		width: 100%;
		max-width: 80%;
	}

	.videoContent.svelte-1a2vinf:last-of-type {
		margin-top: 5%;
	}

	main.svelte-1a2vinf {
		background-color: #212528;
		margin: 0;
		float: right;
		width: 100%;
		align-items: center;
		display: flex;
		flex-direction: column;
		padding-left: 440px;
		margin-top: 90px;
		min-height: calc(100vh - 180px);
		justify-content: center;
		gap: 90px;
	}

	@keyframes svelte-1a2vinf-slideInFromLeft {
		0% {
			transform: translateX(-4%);
		}

		100% {
			transform: translateX(0);
		}
	}

	aside.svelte-1a2vinf {
		background-color: #15171700;
		position: fixed;
		float: left;
		width: 400px;
		height: 100vh;
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
		margin-top: 90px;
	}

	.photoContent.svelte-1a2vinf {
		max-width: 100%;
		flex-shrink: 0;
		max-height: calc(100vh - 180px);
	}

	footer.svelte-1a2vinf {
		width: 100%;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: end;
		padding-bottom: 30%;
	}

	@media screen and (max-width: 480px) {
		#projectContent.svelte-1a2vinf aside:where(.svelte-1a2vinf) {
			display: none;
		}

		main.svelte-1a2vinf {
			padding-left: 0;
		}
	}