.loginform{
     font-family: 'Roboto', Avenir, Arial, sans-serif;
     color: #0b82ea;
	 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	 background-color:#ffffff;
	 font-size:24px;
	 padding:16px 31px;
	 border-radius:5px;
	 //border:1px solid #000000;
	 //width: 600px;
	 //height: 375px;

	 //left: 150px;
	 //top: 20%;
}





.loginbtn {
	box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.15);
	background-color:#c0a8a2;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto', Avenir, Arial, sans-serif;
	font-size:17px;
	font-weight: bold;
	padding:16px 31px;
	text-decoration:none;
	width: 200px;
	text-align: center;
	outline: none;
}
.loginbtn:hover {
	background-color:#ded5d3;
}
.loginbtn:active {
	position:relative;
	top:1px;
}


.logininput {
     font-family: 'Roboto', Avenir, Arial, sans-serif;
     color: #000000;
	 background-color:#ffffff;
	 font-size:24px;
	 border:none;
	 border-bottom: 1px solid #c0a8a2;
}

.logininput:focus {
     font-family: 'Roboto', Avenir, Arial, sans-serif;
     color: #0b82ea;
	 background-color:#ded5d3;
	 font-size:24px;
	  outline: none;
}

.register {
	box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.15);
	background-color:#c0a8a2;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align: center;
	font-family: 'Roboto', Avenir, Arial, sans-serif;
	font-size:17px;
		font-weight: bold;
	padding:16px 31px;
	text-decoration:none;
	width: 200px;
}
.register:hover {
	background-color:#ded5d3;
}
.register:active {
	position:relative;
	top:1px;
}
.password {
	box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.15);
	background-color:#c0a8a2;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto', Avenir, Arial, sans-serif;
	font-size:10px;
	padding:8px 31px;
	text-decoration:none;
	text-align: center;
}
.password:hover {
	background-color:#ded5d3;
}
.password:active {
	position:relative;
	top:1px;
}
body{
	  padding-top:0px;top: 0px;margin-top: 0px;margin-left: 0px;
	  margin-right: 0px;
}
.frontpage{
margin-top: 0px;
	background-image: url('./img/page-bg.png');
	  background-repeat: no-repeat;
  
  background-position-x: 0%; 
  padding-top:0px;
  background-position-y: 00px;
	width: 1760px;
	height: 100%;
	}
.div{
margin-top: 0px;
}
h1{
font-family: 'Roboto', Avenir, Arial, sans-serif;
}
h2{
font-family: 'Roboto', Avenir, Arial, sans-serif;
}
h3{
font-family: 'Roboto', Avenir, Arial, sans-serif;
}
h4{
font-family: 'Roboto', Avenir, Arial, sans-serif;
}
h5{
font-family: 'Roboto', Avenir, Arial, sans-serif;
}
p{
font-family: 'Roboto', Avenir, Arial, sans-serif;
}
.icon{
	width: 20px;
	height: 20px;
	float:left;
}