.mrowmrow{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		margin-top: 0.5rem;
		padding-left: 0;
		list-style: none;

		font-family: "Iosevka Custom Web", "Iosevka Custom", Iosevka, "Bricolage Grotesque", "Space Grotesk", sans-serif, monospace;
		letter-spacing: -0.025em;
		
		@media (max-width: 600px) {
			grid-template-columns: 1fr;
		}
	}.mrowmrow .project-card{
		position: relative;
		display: flex;
		flex-direction: column;
		height: 100%;
		padding: 0.75rem 1rem;
		color: #e7e0e7;
		background-color: #0d0e12;
		border: 1px solid #1f1e24;
		border-radius: 10px;
		line-height: 1.60.25;
		text-decoration: none;
		overflow: hidden;
		
		transform: translateY(0px);
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		transition:
			transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
			box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
			background-color 0.16s ease-in-out,
			border-color 0.16s ease-in-out;

		&:hover {			
			background-color: rgba(255, 255, 255, 0.025);
			border-color: rgba(255, 255, 255, 0.125);

			transform: translateY(-4px);
			box-shadow:
				0 12px 32px rgba(0, 0, 0, 0.45),
				0 2px 8px rgba(0, 0, 0, 0.2);
		}
	}.mrowmrow .project-card:hover::before{
		transform: scale(1.125);
		opacity: 1;
	}.mrowmrow .project-card::before{
		position: absolute;
		top: -7rem;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		content: "</;^//";
		color: transparent;
		font-size: 32rem;
		letter-spacing: -0.075em;
		line-height: 0.95;
		text-align: center;
		opacity: 0.32;
		-webkit-text-stroke: 2px #1f1e24;
		transition: transform 0.16s ease-in-out;
	}.mrowmrow .external-icon{
		position: absolute;
		top: 0.75rem;
		right: 0.75rem;
		color: #c3c7d1;
		opacity: 0.33;
	}.mrowmrow .author{
		font-size: 0.875rem;
		margin-bottom: 0.25rem;
	}.mrowmrow .description{
		font-size: 0.75rem;
		color: #c3c7d1;
		margin-bottom: 0.75rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}.mrowmrow .author,.mrowmrow .description,.mrowmrow .info{
		position: relative;
		z-index: 0;
	}.mrowmrow .info{
		display: flex;
		align-items: center;
		gap: 0.5rem;
		margin-top: auto;
		color: #c3c7d1;
		font-size: 0.6875rem;
	}.mrowmrow .language{
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: var(--lang-colour, #ccc);
		border-radius: 1000px;
	}.mrowmrow .license{
		display: inline-flex;
		align-items: center;
		color: #c3c7d1;
		font-size: 0.75rem;
		opacity: 0.5;
	}.mrowmrow .license > svg{
		margin-right: 0.5ch;
	}