.register{
	background: yellow;
	width:350px;
	color: white;
	font-size: 18px;
	padding:0px;	
	border-radius:0px;
	text-align:left;
	animation:myani 1s;
}
@keyframes myani{
	from{margin-top:-80px;opacity:0.0;} to{margin-left:0px;opacity:1;}
}

@media screen and (max-width: 600px) {
	.register{width:95%;}
}

.headtag{text-align: center;border: 0px solid black;margin: 0;padding-top:15px;padding-bottom: 15px;background:red;}
form{padding: 6px;}
label{
	color:black;
	font-family: sans-serif;
	font-size: 15px;
	font-weight:700;
			
}

#name {
	width: 90%;
	border:none;
	border-radius:3px;
	outline:0;
	padding:7px;
		
}
#ph {
	width: 65px;
	padding:7px;
	border:none;
	border-radius:3px;
	outline:0;
		
}

#num {
	width:90%;
	padding:7px;
	border:none;
	border-radius:3px;
	outline:0;
			
}

#sub {
	width: 100px;
	padding: 7px;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
	border:none;
	border-radius:3px;
	outline:0;
	color:black;
	
		
}
#sub:hover{
	background:red;
	color: black;	
	border-color:#fff;	
}
.button {
  display: inline-block;
  border-radius: 1px;

  border: none;
  font-weight:600;
  color: red;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  padding: 5px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}