@font-face {
    font-family: myFirstFont;
    src: url(font/Roboto-Bold.ttf);
	}
	*{
		font-family: Roboto-Bold;
		list-style-type:none;
	}
	body {

	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14104/stardust.png);
	background-blend-mode: hard-light;
	font-size: 10pt;
	}
	
	a {
	color: #00b6e3;
	font-weight: 700;
	text-decoration: none;
	}
	
	#header {
	position: relative;
	width: 100%;
	height: 100px;
	background: #00b6e3;
	display: table;
	}
	#header h1 {

	display: table-cell;
	vertical-align: middle;
	font-size: 30pt;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	}
	
	#navigation {
	position: relative;
	width: 100%;
	height: 50px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	text-align: center;
	line-height: 50px;
	}
	#navigation ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	}
	#navigation ul li a {
	height: inherit;
	padding: 0 25px;
	display: inline-block;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	line-height: inherit;
	text-transform: uppercase;
	}
	#navigation ul li a:hover {
	background: #00b6e3;
	color: #fff;
	}
	#navigation.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	}
	
	#container {
	min-height: 300%;
	}
	#form1
	{
		margin-left:54%;
		margin-top:13%;
	}
	#logo{
		margin-left:10%;
	}
	.myButton1 {
	-moz-box-shadow:inset -6px 16px 0px 0px #ffffff;
	-webkit-box-shadow:inset -6px 16px 0px 0px #ffffff;
	box-shadow:inset -6px 16px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:10px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton1:active {
	position:relative;
	top:1px;
	}