/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

ul.topnav li.right_button {float: right;}

ul.topnav li.text {
	padding: 14px;
	float: right;
}

/* Style the links inside the list items */
ul.topnav li a {
	display: inline-block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	transition: 0.3s;
	font-family: "Arial";
	font-size: 17px;
}

ul.topnav p {
	font-family: "Arial";
	font-size: 15px;
	margin: 0;
	padding: 0	;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

.dropdown{
	float: right;
	display: inline;
}

.accountButton{
	text-decoration: none;
	display: inline-block;
	border-style: none;
	color: white;
	padding: 14px 16px;
	transition: 0.3s;
	font-family: "Arial";
	font-size: 17px;
	background-color: #333;
}

.accountButton:hover{
	background-color: #555;
}

.linkButton{
	width: 100px;
	background-color: #f9f9f9;
}

.linkButton:hover{
	background-color: #788;
}

.container{
	position: absolute;
	left: 1127px;
	display: none;
}

.container a{
	font-family: "Arial";
	font-size: 13px;
	width: 130px;
	color: black;
	text-decoration: none;
	padding: 10px;
	display: block;
}