zRrr

Что-то со свойством font-family в теге body, если его убрать, то все отображается.

font-family: 'Rubik', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;

UPD: Переставьте первые 2 значения, чтобы получилось так:

font-family: Arial, 'Rubik', "Helvetica CY", "Nimbus Sans L", sans-serif;

<form action="action.php" method="POST">       
  <div class="input-form">
     <input type="text" name="text" id="name" required>
     <label for="name">Ваше им'я</label>
  </div>
  <div class="input-form">
     <input type="text" name="text" id="mail" required>
     <label for="mail">Ваш email</label>
  </div>
  <div class="input-form">
     <input type="text" name="text" id="phone" required>
     <label for="phone">Ваш номер телефона</label>
  </div>  
  <div class="text-form">
     <textarea id="textarea-form" name="textarea" rows="3" required></textarea><label for="textarea-form">Пишите ваш вопрос!</label>
  </div>
  <div >
     <button id="asking-button" type="submit">Отправить</button>
  </div>
</form>

action.php(должен находиться в той же папке, что и твой html файл):

<?php
mail('test@gmail.com','тема сообщения','Имя: '.$_POST['name'].' email: '.$_POST['mail'].' телефон:  '.$_POST['phone'].'вопрос: '.$_POST['textarea']);
?>

Этот код будет работать на хостинге или на локальном сервере с настроенной smtp почтой.

[recent_products columns="x"]
Попробуйте это.
Где x, кол-во колонок.