form {
      width: 400px;
      margin: 100px auto;
      }
      
input[type=text] {
      outline: 0;
      border: none;
      height: 40px;
      width: 275px;
      background: #FFFFFF;
      color: #000000;
      border-radius: 10px 0px 0px 10px;
      font-size: 20px;
      padding: 5px;
      transition-duration: 0.5s;
      }
 
input[type=text]:focus {
      background: #FFFFFF;
      color: #000000;
      }
      
input[type=submit] {
      outline: 0;
      border: none;
      font-size:20px;
      width: 100px;
      height: 50px;
      border-radius: 0px 10px 10px 0px;
      background: #f7c839;
      color: #000000;
      transition-duration: 0.2s;
      }

input[type=submit]:hover {
      background: #00FF00;
      color: #000000;
      cursor: pointer; 
      }