<!--HTML-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">

<style>
.news_add {
  --bg: #fefefe;
  --main-color-rgb: 38, 38, 38; /* только RGB код цвета!*/
  --accent-color: #a2bb84;
  --font-family: Rubik;
}
</style>

<div class="news_add">
  <div class="news_add--header">
    
    <img src="https://forumstatic.ru/files/001c/96/7f/17214.png" class="news_add--logo">
    
    <ul class="news_add--nav">
      <li>новости</li>
      <li>истории</li>
      <li>разбор</li>
      <li>подкасты</li>
    </ul>
    
    <ul class="news_add--sets">
      <li><i class="news_icon--search"></i></li>
      <li>EN</li>
      <li>войти</li>
    </ul>
    
  </div>
  
  <div class="news_add--body">
    <h5>18 апреля, суббота</h5>
    
    <div class="news_add--container">
      <ul class="news_add--content">
        
        <li>
          <!-- <span class="news_add--subtitle">подзаголовок</span> -->
          <p class="news_add--post">
            Иран вновь заблокировал Ормузский пролив
          </p>
          <span class="news_add--time">час назад</span>
        </li>
        
        <li>
          <!-- <span class="news_add--subtitle">подзаголовок</span> -->
          <p class="news_add--post">
            Задержан подозреваемый в убийстве полицейского в Оренбургской области. Это сбежавший солдат, находившийся в федеральном розыске
          </p>
          <span class="news_add--time">два часа назад</span>
        </li>
        
        <li>
         <span class="news_add--subtitle">разбор</span>
          <p class="news_add--post">
            <b>Слышали, что духи «с феромонами» привлекают окружающих? Но возможно ли это  с точки зрения науки? И есть ли вообще у человека феромоны?</b> Все, что нужно знать об обонянии и роли запахов в нашей жизни — в том числе при выборе партнера
          </p>
          <span class="news_add--time">три часа назад</span>
        </li>
        
        <li>
          <span class="news_add--subtitle">истории</span>
          <p class="news_add--post">
            <b>Способ говорить о больном</b> Критик Лиза Биргер советует восемь young adult книг, помогающих  подросткам (и не только!) пережить тяжелый опыт: от войны и ПТСР  до сексуализированного насилия и смерти
          </p>
          <span class="news_add--time">три часа назад</span>
        </li>
        
      </ul>
    </div>
    
  </div> 
  
</div>