#hobbies
{
	width: inherit;
	padding-left: 3%;
	padding-right: 3%;
}

#hobbies-background
{
	display: flex;
	width: auto;
	flex-wrap: wrap;

	margin: 40px;
}

#hobbies-background > span
{
	flex: 1;
	width: auto;
	height: auto;
	background-color: var(--background-dark);
	border-radius: 20px;
	padding: 20px;
	margin: 1%;
}

#hobbies-background > span > center
{
	padding: 10px;
}

#hobbies > ul > ul > li
{
	padding-left: 20px;
}

#hobbies > li
{
	padding-top: 2px;
	padding-bottom: 2px;
}

@media (max-width: 800px)
{
	#hobbies-background
	{
		flex-direction: column;
	}
}