*{
	 font-family: Roboto, sans-serif;
}

.Btn {
	background-color:#000;
	color:#fff;
	font-size:18px;
	border-radius:4px;
	padding:5px 10px; 
	border:1px solid #fff;
	cursor:pointer;
	
}

div.centralize {
  display: flex;
  justify-content: center;
  align-items: center;
}

div.input-block {
	 width:100%;
  position: relative;
}

div.input-block input {
	border:2px solid #000;
  font-weight: 500;
  font-size: 1.3rem;
  color: #495055;
width:100%;
  padding: 10px 10px;
  outline:none;
}



div.input-block textarea {
		border:2px solid #000;
  font-weight: 500;
  font-size: 1.1rem;
  color: #495055;
width:100%;
  padding: 10px 10px;
  outline:none;
}

div.input-block span.placeholder {
	font-weight:600;
  position: absolute;
  margin: 17px 0;
  padding: 0 4px;
  font-family: Roboto, sans-serif;

  color:  #000;

  display: flex;
  align-items: center;

  font-size: 1.1rem;

  top: 0;
  left: 17px;

  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
}

div.input-block input:valid + span.placeholder,
div.input-block input:focus + span.placeholder {
transform: scale(0.8) translateY(-30px);
background: #fff;
}


div.input-block textarea:valid + span.placeholder,
div.input-block textarea:focus + span.placeholder {
transform: scale(0.8) translateY(-30px);
background: #fff;
}


div.input-block input:focus{
color: #284B63;
border-color: #284B63;
}


div.input-block textarea:focus{
color: #284B63;
border-color: #284B63;
}

div.input-block input:focus + span.placeholder {
color: #284B63;
}

div.input-block textarea:focus + span.placeholder {
color: #284B63;
}