*,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  :root {
    --background-color-dark1: #ed4e1e;
    --background-color-dark2: #863700;
    --background-color-dark3: #6f2d00;
    --background-color-dark4: #411b00;
    --background-color-light1: #ffdfcf;

  }

  form {
    background-color: var(--background-color-dark4);
    width: 100%;
    text-align: center;

  }

  label {
    color: #fff;
    /*text-transform: uppercase;*/
    text-transform: capitalize;
  }

  input {
    width: 100%;
    font-size: 1.3rem;
    font-weight: 800;
  }

  textarea {
    width: 100%;
    font-size: 1.3rem;
    font-weight: 800;
  }

  input,
  textarea {
    background-color: #1e2021;
    color: #fff;
  }

  .contact__form__label {
    width: 35%;
    font-size: 1rem;
    font-weight: 800;
    padding: .2rem;
  }

  legend {
    padding: .2rem;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    color: #f3f5c2;
  }

  .submit,
  .reset {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 800;
    padding: 10px;
  }

  .submit {
    color: green;
  }

  .reset {
    color: red;
  }

  fieldset {
    padding: .6rem;
    margin: .6rem;
    width: 77%;
  }