::-webkit-input-placeholder { text-align:center; }
::-moz-placeholder { text-align:center; } /* firefox 19+ */
:-ms-input-placeholder { text-align:center; } /* ie */
input:-moz-placeholder { text-align:center; }
body{
    display: flex;
    flex-direction: column;
    justify-content: center;
  	background-color: #37cdd7;
  	font-family:"trebuchet ms",sans-serif;
  	background-repeat: no-repeat;
  	background-size: 100%;
    align-items: center;
    width: 100%;
    height: 100vh;
}
form{
    display: flex;
    flex-direction: column;
  	width:auto;
  	height:auto;
  	box-sizing:border-box;
    justify-content: center;
    align-items: center;
    border : 2px solid green;
  	border-radius:5px;
  	padding:20px;
}
input{

  cursor:pointer;
    margin: 0;
    border-radius: 5px;
    width: 300px;
    height: 30px;
    font-family:"trebuchet ms",sans-serif;
    font-size: large;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    background-color: rgba(255, 255, 255, 0.1);

}
.title-element{
	font-size: 20px;
  	color: red;

}