style.css

body{
	background-image: url("hng.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
	font-family: "proxima-nova", "proxima-nova-all", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.menu-bar{
	position: 	fixed;

	color: 	white;
	height: 100px;
	width: 100%;
	z-index: 	900;
}

.namelogo{
	float: left;
	font-size: 40px;
	color: white;
	padding: 35px;
}

.navbar{
	float: right;/*This makes the menu to be on the right side of the page*/
	margin-top: 15px;
	padding-top: 15px;
	margin-right: 40px;
}

.menu{
	
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	margin: 7.5px;

}

.menu>li{
	float: left; /*This arranges the menu list from left to right order*/
}
.menu>li>a{
	text-decoration: none;
	position: relative;
	color: white;
	font-size: 22px;
	display: block;
	padding: 10px 15px;
	
	
}
.timer{
	color:black;
	position:relative;
	top:265px;
	left: 42%;
	font-size: 40px;
}
.foot{
	position: 	fixed;

	color: 	white;
	bottom: 10px;
	width: 100%;
	z-index: 	900;
}
.footer{
	float: right;
	
	padding-top: 15px;
	margin-right: 30px;
}