* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Calibri, sans-serifs;
}

html {
  background-color: #f3f3f3;
  
}
a.btn {
  display: inline-block;
  padding: 7px 10px;
  background-color: #3498db;
  color: #ffffff;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #2980b9;
  font-size: 13px;
}

a.btn:hover {
  background-color: #2980b9;
  cursor: pointer;
}

input[type = "text"],
input[type = "email"],
input[type = "password"],
input[type = "file"],
textarea {
  border: 1px solid #ccc;
  padding: 7px;
  border-radius: 3px;
  width: 100%;
}


input[type = "submit"],
input[type = "button"],
input.submit {
  border: 1px solid #27ae60;
  padding: 7px 10px;
  background-color: #2ecc71;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

input[type = "submit"]:hover,
input[type = "button"]:hover,
input.submit:hover {
  border: 1px solid #27ae60;
  background-color: #27ae60;
}

select {
  border: 1px solid #e3e3e3;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
}


form .form-element {
  margin: 10px 0;
}