div.appsBody {
	width: 99vw;
	padding-left: 1vw;
	padding-top: 1vw;
	display: flex;
	flex-direction: column;
	font-size: 11px;
	font-weight: 700;
}

div.categoryContainer {
	display: flex;
	flex-direction: row;
}

div.tagContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 11px;
}

p.categoryTag {
	margin-right: 1vw;
}

div.category {
	display: flex;
	flex-direction: column;
	margin-bottom: 11px;
	border-radius: 10px;
	border-left: solid;
	border-color: var(--accentColor);
	border-width: 10px;
	transition: .5s;
}

div.category:hover {
	border-color: var(--activeColor);
	transition: .5s;
}

a.appLink {
	color: var(--textColor);
	text-decoration: none;
	padding-left: 1vw;
	transition: .5s;
}

a.appLink:hover {
	color: var(--accentColorText);
	padding-left: 1.5vw;
	transition: .5s;
}

a.appLink:active {
	var(--activeColorText);
	transition: .5s;
}

:root {
	--backgroundColor: rgb(255,255,255);
	--textColor: rgb(0,0,0);
	--accentColor: rgb(245,245,245);
	--activeColor: rgb(235,235,235);
	--accentColorText: rgb(20,20,20);
	--activeColorText: rgb(40,40,40);
	}

body.theme {
	--backgroundColor: rgb(0,0,0);
	--textColor: rgb(255,255,255);
	--accentColor: rgb(20,20,20);
	--activeColor: rgb(40,40,40);
	--accentColorText: rgb(245,245,245);
	--activeColorText: rgb(235,235,235);
}