Why is my template not reading this code?

My website, ariamythe.com, is driving me crazy. I am modifying an existing theme, and I can’t find any reason in the code as to why my page won’t read the instructions for styling links in my top menu. I want them to be smaller, spaced out, and white; they’re larger, blacker, and bunched up.

Here is the relevant css in my stylesheet.

.top-nav {
	width: 100%;
	background: #f81e4a;
	float: left;
	border-bottom: solid 1px #F1F1F1;
}

.top-menu .menu-item {
	background: transparent;
	border-bottom: solid 3px transparent;
	float: left;
}

}

.top-menu .menu-item > a {
	font-size: 0.9rem;
	display: inline-block;
	padding: 4px;
	margin-bottom: 3px;
	background: #f81e4a !important;
	color: #fff;
	padding: 8px;
}

.top-menu .menu-item > a:hover {
	background: #594e65;
}

It renders the code above it, and the code below it, but the code for styling menu-item > a it just won’t execute.

Anyone help me out here?