*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins',sans-serif;
 }
body{
	display: flex;
	height: -40vh;
	justify-content: center;
	align-items: center;
	background: linear-gradient(135deg, #71b7e6, #9b59b6);
		
	}
input[type=text] {
  width: 80%;
  padding: 0px 2px;
  margin: 0px;
  box-sizing: border-box;
  border: 3px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}
input[type=text]:focus {
  border: 3px solid #555;
  font-size: 20px;
  font-weight: 500;
  color: Black;
}
input[type=number]:focus {
  background-color: lightblue;
  font-size: 18px;
}

input[type=number]{
  width: 50%;
  padding: 10px 12px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 20px;
  color: red;
}
.btn{
	width: 20%;
	
	outline: 1px solid #555;
	color: #fff;
	border: none;
	font-size: 18px;
	
	font-weight: 500;
	letter-spacing: 1px;
	border-radius: 5px;
	 
	background: linear-gradient(135deg,#71b7e6,#9b59b6);
	
 }
 .placeholder.{
	font-size: 12px;
	font-weight: 500;
}
 .column {
		  float: left;
		  width: 40%;
		  margin-top: 6px;
		  padding: 10px;
		}
.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}
 

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.9); /* IE */
  -moz-transform: scale(1.9); /* FF */
  -webkit-transform: scale(1.9); /* Safari and Chrome */
  -o-transform: scale(1.9); /* Opera */
  transform: scale(1.9);
  padding: 10px;
  cursor:pointer;
  color: success;
}
select{
background-color:#f1f1f1;
}