main {
	width: min-content;
	padding: 33px;
	text-align: center;
}

img {
	image-rendering: pixelated;
	width: 100%;
}

#outer-holder {
	display: flex;
	flex-direction: row;
	justify-content: center;

	margin-bottom: 33px;
}

#about {
	display: block;
	/*background: #ea3546;*/
	/*height: 128px;*/

	margin-bottom: 33px;
}

#mid-holder {
	margin-right: 33px;
}

#inner-holder {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#blog {
	display: block;
	/*background: darkgoldenrod;*/
	width: 128px;

	flex-shrink: 0;
}

#art {
	display: block;
	/*background: skyblue;*/
	width: 128px;
	/*aspect-ratio: 1;*/

	margin-right: 33px;
}

#slashes {
	display: block;
	/*background: gray;*/
	width: 128px;
	/*aspect-ratio: 1;*/
}

#randquote {
	display: block;
	text-align: center;

	margin-bottom: 33px;
}

#projects {
	display: block;
	/*background: #000033;*/
	height: 128px;

	margin-bottom: 33px;
}

#holder-2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#ulog {
	display: block;
	/*background: gray;*/
	height: 128px;
	width: 100%;
	
	margin-right: 33px;
}

#interlinked {
	display: block;
	/*background: rebeccapurple;*/
	height: 128px;
	width: 100%;
}

@media only screen and ((max-width: 516px) or (orientation: portrait)) {
	main {
		padding: 10px;
	}
	#outer-holder {
		margin-bottom: 10px;
	}
	#about {
		margin-bottom: 10px;
	}
	#blog img {
		height: 266px;
	}
	#mid-holder {
		margin-right: 10px;
	}
	#art {
		margin-right: 10px;
	}
	#randquote {
		margin-bottom: 10px;
	}
	#projects {
		margin-bottom: 10px;
	}
	#projects img {
		height: 100%;
	}
	#ulog {
		margin-right: 10px;
	}
}