H34

 .foorm-container {

  max-width: 600px;

  margin: auto;

  background-color: #ffffff;

  padding: 25px 30px;

  border-radius: 10px;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);

  font-family: Arial, sans-serif;

}


.foorm-container h2 {

  text-align: center;

  margin-bottom: 20px;

  color: #2c3e50;

}


.foorm-container form {

  display: flex;

  flex-direction: column;

}


.foorm-container label {

  font-weight: bold;

  margin-bottom: 5px;

  color: #444;

}


.foorm-container input,

.foorm-container textarea,

.foorm-container select {

  padding: 10px;

  font-size: 14px;

  margin-bottom: 15px;

  border-radius: 5px;

  border: 1px solid #ccc;

  width: 100%;

}


.foorm-container button {

  padding: 10px 20px;

  font-size: 14px;

  margin-right: 10px;

  border: none;

  border-radius: 5px;

  font-weight: bold;

  cursor: pointer;

  transition: 0.3s ease;

}


.foorm-container button[type="submit"] {

  background-color: #28a745;

  color: white;

}


.foorm-container button[type="button"] {

  background-color: #dc3545;

  color: white;

}


.foorm-container button:hover {

  opacity: 0.9;

}


.foorm-container a {

  margin-top: 10px;

  text-decoration: none;

  color: #007bff;

  font-weight: bold;

  display: inline-block;

}

Comments

Popular posts from this blog

Restaurant

TimePass

UIUXFILES