h1,input::-webkit-input-placeholder, button,input::-webkit-input-placeholder {
  font-family: 'Dosis', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

h1 {
  height: 80px;
  width: 80%;
  margin-left:auto;
  margin-right:auto;
  font-size: 24px;
  background: #8b0000;
  color: white;
  line-height: 150%;
  border-radius: 25px;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
  text-align:center;
}
form h1 {
  box-sizing: border-box;
  padding: 15px;
}
form h2{
  color:white;
  background-color:rgba(139,0,0,0.8);
  padding:10px;
  font-size:25px;
  border-radius:10px;
  text-align:center;
}
.input-1 {
  margin-top: 40px;
  margin-left: 10px;
  margin-right:10px;
  margin-bottom:10px;
  width:90%;
  height:40px;
  display: block;
  border: none;
  padding: 1px 0;
  border: solid 3px #8b0000;
  border-radius:16px;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

  color: black;
}
.input {
  margin: 16px 10px 10px 10px;
  width: 90%;
  height:40px;
  display: block;
  border: none;
  border: solid 3px #8b0000;
  border-radius:16px;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  color: black;
}
input:focus, input:valid {
  box-shadow: none;
  outline: none;
  background-position: 0 0;
}
input::-webkit-input-placeholder,input::-ms-input-placeholder{
  -webkit-transform: translatex(10px);
          transform: translatex(10px);
  visibility: visible !important;
}

input:focus::-webkit-input-placeholder,input:focus::-ms-input-placeholder, input:valid::-webkit-input-placeholder,input:valid::-ms-input-placeholder {
  color: #28e1bd;
  font-size: 16px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  visibility: visible !important;
}

button {	
	border: none;
	background: #1abc9c;
	cursor: pointer;
	border-radius: 16px;
	padding: 10px;
	width: 200px;
	color: white;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	margin-left:10%;
}
button:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}

.follow {
  width: 402px;
  height: 42px;
  border-radius: 50px;
  background: #03A9F4;
  display: inline-block;
  margin: 50px calc(50% - 21px);
  white-space: nowrap;
  padding: 13px;
  box-sizing: border-box;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: Roboto, sans-serif;
  text-decoration: none;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
}
.follow i {
  margin-right: 20px;
  -webkit-transition: margin-right 0.2s ease;
  transition: margin-right 0.2s ease;
}
.follow:hover {
  width: 1034px;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}
.follow:hover  {
  margin-right: 1px;
}
form {
	
  box-sizing: border-box;
  width: 800px;
  margin: 0 auto ;
  box-shadow: 6px 5px 10px 4px rgba(0, 0, 0, 0.2);

  border-radius:25px;
}
#text{
	padding-top:60px;
}
#form{
	position:fixed;
	margin-top:4%;
	margin-bottom:10%;
	margin-left:70%;
	padding:2%;
}