@media only screen and (max-width: 800px) {
	main {
		border-radius: unset;
	}

	main #photo {
		border-radius: unset;
	}
}

@media only screen and (max-width: 550px) {
	main {
		flex-direction: column;

		width: unset;
		height: unset;

		text-align: center;

		border-radius: unset;
	}

	main #photo {
		margin-top: 1rem;

		max-width: 250px;
		max-height: 250px;

		box-shadow: 0px 0px 10px #363636;

		border-radius: 2.5px;
	}

	main #content {
		width: auto;
		height: auto;

		overflow-y: auto;
	}

	main #content #links {
		justify-content: center;
	}

	main #content #links a {
		margin-right: 1rem;
	}
}

@media only screen and (max-width: 250px) {
	html {
		font-size: 14px;
	}

	main #photo {
		margin-top: 0rem;

		max-width: 100%;
		max-height: auto;

		border-radius: unset;

		box-shadow: unset;
	}

	main #content h2#title {
		margin-top: -0.2rem;
	}

	main #content #links {
		flex-direction: column;
	}

	main #content #links a {
		margin-right: unset;
		margin-bottom: 0.5rem;
	}

	main #content #links a:last-child {
		margin-right: unset;
		margin-bottom: 0rem;
	}
}

@media only screen and (max-width: 175px) {
	html {
		overflow-wrap: anywhere;
	}
}