mystyle.css

@font-face{
  font-family:'foncy';
  src: url('fonts/foncy.ttf'); 
}

html, body {
	background-color:white;
	background-image:url('images/geometry.png');
	color:black;
	margin:0;
	padding:0;
	height:100%; 
	width:100%;
}

#nav_wrapper {
	background-color:#ed462f;
	position:fixed;
	top:0px;
	width:100%;
	height:50px;
	z-index:12;
}

#content_wrapper {
	position:relative;
	top:50px;
	width:100%;
	height:100%;
}

#welcome {
	position:relative;
	top:15%;
	font-size:250%;
	font-family:foncy;
	text-align:center;
}

#intro {
	position:relative;
	top: 20%;
	font-size:200%;
	font-family:foncy;
	text-align:center;
}

#form {
	position:relative;
	top:35%;
	text-align:center;
}

#searchbar
{
	position:absolute;
	height:40px;
	left:20%;
	width:40%;
	font-size:large;
}

#citybar
{
	position:absolute;
	height:40px;
	left:60%;
	width:20%;
	margin-left:5px;
	font-size:large;
}

#submitbtn
{
	position:relative;
	top:55px;
	width:20%;
	height:40px;
	font-size:x-large;
	padding-top:2px;
	border:none;
	color:#ffffff;
	font-family:foncy;
	background-color: #ed462f;
}