* {
/* Here we set the margin and padding 0 */
margin: 0;

	padding: 0;
}

.navbar {
	display: flex;

/* This is used to make the navbar sticky, So that the
	navbar stays at the top part even if we scroll */
	position: sticky;
	align-items: center;
	justify-content: center;
	top: 0px;

/*it specifies the mouse cursor to be displayed
	when it is pointed over the element */
	cursor: pointer;
}

.nav-list {
	width: 50%;
	display: flex;
}

.nav-list li {
	list-style: none;
	padding: 26px 30px;
}

.nav-list li a {
	text-decoration: none;
	color: white;
}

.nav-list li a:hover {
	color: black;
}

.rightNav {
	width: 50%;
	text-align: right;
}

#search {
	padding: 5px;
	font-size: 17px;
	border: 2px solid grey;
	border-radius: 9px;
}

.background {
	background-image: url(
"www.roblox.com/images/RevisedHeader/bg-obc_header.png");
background-repeat: repeat-x;
background-color: #000000;
}
