kontaktForm

 <!--FORMULARZ KONTAKTOWY-->

 <div id="kontakt" class="kontener">

  <form action="https://formsubmit.co/miejsceNaTwojaAdresEmailGigancie" method="POST" enctype="multipart/form-data">

    <fieldset>
      <legend>
        Napisz do mnie 📧
      </legend>

      <label for="imie">Imię</label>
      <input type="text" maxlength="15" placeholder="Jak masz na imię?" id="imie" name="imie">

      <label for="email">E-mail</label>
      <input type="email" name="email" placeholder="Podaj swój adres e-mail" id="email" required>

  <textarea rows="10" placeholder="Twoje pytanie..." name="uwagi" required></textarea>

      <input id="btnSubmit" type="submit" value="Prześlij">
    </fieldset>
  </form>
  </div>
</body>


/*formularz kontaktowy*/

input {
  border-radius: 4px;
  border: 2px solid #141e30;
  padding: 20px;
  font-family: "Lato", sans-serif;
  font-size: 15px;
}

legend {
  font-size: 30px;
  color: #4a3f3e;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

fieldset {
  margin-top: 100px;
  align-content: center;
  border: none;
  border-top: 3px solid #141e30;
}

label {
  display: block;

  text-align: center;
  font-size: 20px;
}

textarea {
  font-size: 20px;
  resize: none; /*blokujemy możliwość zmiany wielkości przez użytkownika*/
  margin-bottom: 20px;
  padding: 15px;
  border: 2px solid #141e30;
  border-radius: 4px;
}

input,
label,
textarea,
#btnSubmit {
  margin-bottom: 20px;
  width: 100%;
}

#btnSubmit {
  background-color: #65e67a;
  padding: 15px;
  border: none;
  border-radius: 8px;
  font-size: 20px;
  font-family: "Kanit", sans-serif;
  color: white;
  transition-duration: 0.5s;
  background: #141e30; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    bottom,
    #243b55,
    #141e30
  ); /* Chrome 10-25,     Safari 5.1-6 */
  background: linear-gradient(
    to bottom,
    #243b55,
    #141e30
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#btnSubmit:hover {
  opacity: 0.8;
  cursor: pointer;
}