/* kclub css defines default styles */
/* trying css 3 */
/* padding is T R B L */

/******************************************** Overall */
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}
* {
  box-sizing: border-box;           /* Elements have padding and border within their w and h */
}
html {
  padding: 0;
  margin: 0;
}

/******************************************** Body */
body {
  padding: 0;
  margin: 0;
  overflow: auto;
  height: 100vh;
  background: blue; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(blue, orange); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(blue, orange); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(blue, orange); /* For Firefox 3.6 to 15 */
  background: linear-gradient(blue, orange); /* Standard syntax (must be last) */
}


/******************************************** header and content container */
#khead {
  display: flex;
  position: relative;
  z-index:2;
  overflow: hidden;
	height:40px;
}
#khead p {
	color:white;
	margin:0;
}
#kheadl {
  width:50%;
  float:left;
	margin: 10px 0 0 10px;
}
#kheadr {
  width:20%;
  float:right;
	margin: 10px 0 0 0;
}

#container {
  display: flex;
  width: 100%;
  position: relative;
  z-index:1;
  overflow: hidden;
  height: 100vh;
  margin-top: -40px;
  padding-top: 40px;
}

/******************************************** login */
#login {
	font-family: Arial; 
	font-size:24px;
  width: 50%;
  height: 400px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  border: 1px solid white;
  padding: 10px;
}
#login p {
  color: white;
  text-align:center;
  margin:10px;
}
#login form p {
  margin-bottom:6px;
  text-align:left;
}
#login form input {
	font-size:18px;
  margin-bottom:6px;
  padding: 10px;
}
#loginsubmit {
  display:block; 
  margin: 10px auto 0px auto;
}


/******************************************** home */
#home {
  width: 500px;
  height: 250px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
#home img {
  width:100px;
  height:100px;
  margin:20px;
}