JSFiddle - React, Tailwind, and code Playground

HTML

<data><version>3</version><maxID>4399</maxID><topics><items><topic><name>None</name><description>No topic.</description><color><red>0</red><green>0</green><blue>0</blue><alpha>255</alpha></color><background><red>255</red><green>255</green><blue>255</blue><alpha>255</alpha></background></topic><topic><name>Personal</name><description>Personal</description><color><red>0</red><green>0</green><blue>255</blue><alpha>255</alpha></color><background reference="../../topic/background"/></topic><topic><name>Friends</name><description>Friends</description><color><red>51</red><green>102</green><blue>255</blue><alpha>255</alpha></color><background reference="../../topic/background"/></topic><topic><name>Family</name><description>Family</description><color reference="../../topic/color"/><background><red>102</red><green>153</green><blue>255</blue><alpha>255</alpha></background></topic><topic><name>Financial</name><description>Financial</description><color><red>0</red><green>102</green><blue>51</blue><alpha>255</alpha></color><background reference="../../topic/background"/></topic><topic><name>ThinkingRock</name><description>ThinkingRock</description><color reference="../../topic/color"/><background><red>204</red><green>255</green><blue>204</blue><alpha>255</alpha></background></topic><topic><name>House</name><description>House</description><color><red>102</red><green>0</green><blue>102</blue><alpha>255</alpha></color><background reference="../../topic/background"/></topic><topic><name>Garden</name><description>Garden</description><color><red>0</red><green>204</green><blue>51</blue><alpha>255</alpha></color><background reference="../../topic/background"/></topic><topic><name>Holidays</name><description>Holidays</description><color><red>255</red><green>102</green><blue>0</blue><alpha>255</alpha></color><background...

CSS

ThinkingRock
{
background-color: #ffffff;
width: 100%;
}

project:before{content:"Projekt:";}
project
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
description
{
color: #FF0000;
font-size: 20pt;
}
notes
{
color: #0000FF;
font-size: 20pt;
}
id, created, parent, topic, context, state, done, priority, modified, purpose, success, brainstorming, processed
{
display: block;
color: #000000;
margin-left: 20pt;
}