form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.label {
  display: flex;
  flex-direction: column;
  margin-left: 5rem;
}

.cloudflared {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

input[type="text"],
input[type="email"],
textArea {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  resize: vertical;

}
.textArea:focus {
  border-color: #0080804d;
  box-shadow: 0 0 0 2px #0080804d ;
  outline: none;
}
input[type="text"]:focus {
  border-color: #0080804d;
  box-shadow: 0 0 0 2px #0080804d;
  outline: none;
}

input[type="email"]:focus {
  border-color: #0080804d;
  box-shadow: 0 0 0 2px #0080804d;
  outline: none;
}


button[type="submit"] {
  padding: 12px 20px;
  background-color: #008080;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button[type="submit"]:hover {
  background-color: #006666;
}

@media (max-width: 768px) {

.label{
  margin-left: 0;
  padding: 1rem;
  justify-content: center;
  align-items: center;

}

}