/* Style the form element with a border around it */
form {
  border: 0px solid #FFF;
}

/* Add some padding and a grey background color to containers */
.container {
  padding: 10px;
  background-image: url(../images/blackboard.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

/* Style the input elements and the submit button */
input[type=text] {
  width: 25%;
  padding: 10px;
  background-color:transparent;
  display: inline-block;
  border: 1px solid #FFF;
  color:#FFF;
  font-size: 16px;
  box-sizing: border-box;
}
input::placeholder {
	background-color:transparent;
	width:50%;
	color:#FFF;
}
input::placeholder-shown {
	background-color:transparent;
	width:50%;
}
::-moz-placeholder {
  opacity: 1;
}
/* Style the submit button */
input[type=submit] {
  background-color: #FFF;
  width:15%;
  padding: 10px;
  border-radius: 25px;
  color: #333;
  font-family:Muli;
  font-size: 16px;
  font-weight:bold;
  border: none;
}

input[type=submit]:hover {
  transition-duration: 0.4s;
  color:#FFF;
  background-color: #900;
}