form {
    max-width: 500px;
    padding: .5rem;
    margin: 0 auto;
    background-color: #0c7eff;
  }
  
  
  
  input[type=submit] {
    width:100%;
    padding: .25rem;
    border:none;
    background-color: #0c7eff;
    cursor: pointer;
  }
  input[type=submit]:hover {
    background-color: #0c7eff;
  }
  
  
  input[type=text] {font-size: 1rem;
    background-color: #0c7eff;/*input field */
    color:white;/* change font color for user input*/
    width: 95%;
    padding: .25rem;
    border:none;
    border-bottom: 1px solid white;
   /* -webkit-transition: 0.5s;
    transition: 0.5s;*/
    outline: none;
  }
  input[type=text]:focus {
    border-bottom: 1px solid white;
  }
  input[type=email] {
    background-color: #0c7eff;
    color:white;
    width: 95%;
    padding: .25rem;
    border:none;
    border-bottom: 1px solid white;
    /*-webkit-transition: 1s;
    transition: 1s;*/
    outline: none;
  }
  input[type=email]:focus {
    border-bottom: 1px solid white;
  }

  input[type=submit] {
    background-color: #0c7eff;
    color:white;
    width: 95%;
    padding: .25rem;
  }


  
  label, small {
    font-size: small;
  }
  
  textarea {background-color: #0c7eff;
    color:white;
    width: 95%;
    padding: .25rem;
    border:none;
    border-bottom: 1px solid white;
  }
  
  
  textarea:focus {
    outline: none;
    border-bottom: 1px solid white;
    /*-webkit-transition: 1s;
    transition: 1s;*/
  }
  
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;font-size: 1rem;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: white;font-size: 1rem;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: white;font-size: 1rem;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: white;font-size: 1rem;
  }