JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap" rel="stylesheet">

  <img src="https://via.placeholder.com/200x50">
  <div class="tytsesji">dzień, miesiąc</div>lokalizacja<div class="uczestsesji">imię & imię</div>

CSS

.back {
  background-color: #080808;
  font-family: Arial;
  font-size: 10pt;
  height: 500px;
  color: #666060;
  text-align: center;
  }
 .tytsesji {
    font-family: 'Playfair Display', serif;
    letter-spacing: 2px;
    font-size: 20pt;
    color: #567055;
    text-align: center;
    text-decoration: underline 2px;
  }  

.uczestsesji {
  font-family: 'Cambria', serif;
  color: #567055;
  font-size: 12pt;
  font-style: italic;
  text-align: center;
}