p {color:blue; line-height:2.5;}

body {
 background-color: #808080;
 }

form {
width: 600px;
padding: 10px 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #000;
text-align: center;
}

form h1,form p {
color: white;
font-weight: 500;
}

form p {
font-size: 12px;
}

form h1 {
font-size: 22px;
}
form input[type = "email"],form input[type = "password"] {
border: 0;
background: none;
display: block;
margin: 20px auto;
border: 2px solid #ff69b4;
padding: 15px 10px;
width: 200px;
outline: none;
border-radius: 24px;
transition: 0.25s;
text-align: center;
color:yellow ;
}

form input[type = "email"]:focus,form input[type = "password"]:focus {
width: 280px;
background-color: #f0f8ff;
color:black ;
}

form input[type = "submit"]{
border: 0;
background: none;
display: block;
margin: 20px auto;
border: 2px solid #f0f8ff;
padding: 15px 10px;
width: 200px;
outline: none;
color: white;
border-radius: 25px;
transition: 0.25s;
text-align: center;
cursor: pointer;
}

form input[type = "submit"]:hover {
background-color: #ff69b4;
border: 2px solid #ff69b4;
}

form input[type = "signup"]{
border: 0;
background: none;
display: block;
margin: 20px auto;
border: 2px solid #00f8ff;
padding: 15px 10px;
width: 170px;
outline: none;
color: white;
border-radius: 25px;
transition: 0.25s;
text-align: center;
cursor: pointer;
}

form input[type = "signup"]:hover {
background-color: #0069b4;
border: 2px solid #0069b4;
}