button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

button:focus {
  outline: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  color: white;
}

button {
  padding: 10px 20px;
  outline: 1px dotted black;
}

.button-one {
  background-color: #293132;
  
}

body {
 
    background-color: darkgrey
        
}
form {
    width: 40%;
    height: auto;
    background: #d6d6d6;
    margin: auto;
    margin-top: 30;
    padding: 10;
    border-radius: 30px;
}

input[type='text'] ,input[type='password'], textarea {
    
    padding: 5px;
    background: #ccc;
    border: solid 1px #555;
    cursor: pointer;
    text-align: center;
}

input[type='text']:hover , input[type='password']:hover , textarea:hover {
    
   background: rgb(232, 231, 231);
    -moz-transition: all 1s;
}

input[type='text']:focus ,input[type='password'], textarea:focus {
    
   background: #f38787;
    box-shadow: 0 0 6px rgba(283,18,18,0.6);
}