input {
  margin: 10px 0px;
  border: none;
  padding: 15px;
  background-color: rgba(0,0,0,0.5);;
  border-radius: 5px;
  color: #fff;
}



input:focus {
	animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in, hoverShine 200ms;
}



/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 0.4px rgba(117, 117, 255,.2), 0px 0px 0px 3px rgba(255,255,255,0);
  }
}


.btton {
  border: none;
  padding: 15px;
  margin-top: 5px;
  background-color: #fa8e07;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
}


.buttonYet {
  border: none;
  padding: 15px 30px;
  background-color: #10b981;
  border-radius: 50px;
  color: #fff;
  margin: 10px 0px;
  cursor: pointer;
}






@media only screen and (max-width: 768px){
.btton {
width :100%;

}
	
	input {
width: 100%;
}
	
	
}