* {
box-sizing: border-box;
}

*:focus {
	outline: none;
}
body {
font-family: Arial;
background-color: #3498DB;
padding: center;
}
.login {
margin: 50px auto;
width: 300px;
}
.login-screen {
background-color: #FFF;
padding: 20px;
border-radius: 5px
}

.panel {
	width: 95%;
	height: 30px;
	background-color: #9c8a81;
	align: center;
}

.app-title {
text-align: center;
color: #777;
}

.control-group {
background-color: #FFF;
}

.logname {
text-align: center;
background-color: #d4d4d4;
border: 2px solid transparent;
border-radius: 5px;
font-size: 16px;
font-weight: 200;
width: 250px;
  padding: 10px;
transition: border .5s;
}

.logpassword {
text-align: center;
background-color: #d4d4d4;
border: 2px solid transparent;
border-radius: 5px;
font-size: 16px;
font-weight: 200;
width: 250px;
transition: border .5s;
  margin-top: 1px;
  padding: 10px;
}

.send {
  margin-top: 5px;
  text-align: center;
  background-color: #00FFFF;
  border: 2px solid transparent;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 100;
  padding-top: 10px;
  width: 250px;
  transition: border .5s;
  cursor:pointer;
  padding: 10px;
}

.send:hover {
background-color: #00FF00;
}