body {
  background-color: #c5e0dd;
}

.login {
  width: 300px;
  padding: 30px 25px;
  border-radius: 32px;
	background-color: #438f79;
	border: solid 1px black;
  box-shadow: 8px 8px 8px #999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-title {
  text-align:center;
  background-color: #438f79;
  padding: 5px;
}

.login-input {
  width: 263px;
  height: 50px;
  margin-bottom: 25px;
  font-size: 15px;
  background: #fff;
  border: 2px solid #000;
  border-radius: 4px;
  padding-left: 32px;
  background-image: url('../images/mail.png');
  background-repeat: no-repeat;
  background-position: 10px center;
}

#password {
  background-image: url('../images/keyring.png');
}
.login-input:focus {
    border-color:#FF0000;
    outline: none;
}
.login-button {
  width: 100%;
  height: 50px;
  padding: 0;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  background-color: #000;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  outline:0;
}

.login-button:hover {
  background-color: #FF0000;
  color: #000;
}
.login-button:focus {
  background-color: #FF0000;
  color: #000;
}

.startdate {
	text-align:center;
	color: #438f79;
	font-size:15px;
	font-family: monospace;
}
span {
	z-index: 10;
	background-color: red;
	padding: 5px;
	border: 2px solid black;
    color: #FFF;
    font-weight: bold;
    font-size: 32px;
  text-shadow: -1px 1px 0 #000,
                          1px 1px 0 #000,
                         1px -1px 0 #000,
                        -1px -1px 0 #000;
}