/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* .modelform ul li {label,input,span} */

.modelform{
  padding: 3rem;
  display: block;
  text-align:center;
}

.modelform h1{}
.modelform ul{ display: block; }
.modelform li{ list-style: none; }
.modelform li label{ display: block; font-size: 1.618rem;}
.modelform li span{
  display: block;
  font-style: italic;
  color: var(--dark-transparent);
  margin-bottom: 1rem;
}

.modelform input, .modelform textarea, .modelform select{
  background-color: var(--bright-transparent);
  border: none;
  padding: 0.618rem;
}

.modelform input:focus, .modelform textarea:focus, .modelform select:focus{
  background-color: var(--bright);
  border: none;
}

.modelform input[type="submit"]{
  padding: 1rem;
  font-size: 1.618rem;
  color: var(--dark);
}

.modelform input[type="submit"]:hover{
  pointer-events: fill;
  background: red;
}



/*  */