/*==================Comments================*/
#allcomments {
    background-color: #fff; /* Kolor tła */
    margin: 0; /* Odstęp od diva "post" */
    padding: 10px 10px 10px 10px;
    width: 100%;
  }

  #allcomments h3 {
    font-size: clamp(20px, 1.7vw, 40px);
    font-weight: bold;
    font-family: 'Merriweather Sans';
    color: #333; /* Kolor tekstu */
  }

  #pastcomments li{
    font-size: clamp(15px, 1.3vw, 25px);
    list-style-type: none;
    padding: 0;
    margin: 0 0 2em 0;
    font-family: 'Merriweather Sans';
    color: #333; /* Kolor tekstu */
  }

  #pastcomments li::before {
    font-family: FontAwesome;
    content: "\f086";
    font-size: clamp(15px, 1.3vw, 25px);
    color: #1b1b1b;
    padding-right: 10px;
  }

  #pastcomments li span {
    font-size: clamp(11px, 1.1vw, 21px);
    font-family: 'Merriweather Sans';
    font-style: italic;
    color: #4e4e4e; /* Kolor tekstu */
  }

  #newcomment label {
    font-size: clamp(20px, 1.2vw, 30px);
    font-weight: bold;
    font-family: 'Merriweather Sans';
    color: #333; /* Kolor tekstu etykiet */
  }

  #newcomment input[type="text"] {
    width: 90%;
    padding: 5px;
    margin-bottom: 10px;
    border: 5px solid #292929;
    border-radius: 3px;
  }

  #newcomment textarea {
    width: 90%;
    height: 5em;
    padding: 5px;
    margin-bottom: 10px;
    border: 5px solid #292929;
    border-radius: 3px;
  }

  #btnSubmitComment {
    background-color: #424242; /* Kolor przycisku */
    color: #ffffff; /* Kolor tekstu na przycisku */
    border: 5px solid #292929;
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
  }

  #btnSubmitComment:hover {
    background-color: #222222; /* Kolor przycisku po najechaniu myszką */
  }