/**
 * Base Form Elements
 * Input, select, textarea, and button defaults.
 */

input, select, textarea {
  color: var(--theme-skin);
  font: inherit;
  margin: 0;
  line-height: 1.5;
  font-size: 15px;
  font-weight: var(--global-font-weight);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  padding: 8px;
  color: #505050;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  border: 1px solid #FFFFFF;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  color: rgba(0, 0, 0, .8);
  font-size: .75rem;
  line-height: 1;
  padding: 4px 8px;
  border: 1px solid #FFFFFF;
  box-shadow: 0 1px 30px -4px #e8e8e8;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

input:focus, select:focus, textarea:focus {
  outline: none;
}