body{
  background-image: url('https://thread.latticedev.net/assets/lattice/plurple.png');
}

.roboto-slab-text {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.title-bar {
    background-color: #100f0f;
    color: #F5F5F5;
    padding: 15px;
    display: flex;
    gap: 10px;
}

.title-bar img{
    width: 80px;
    height: 80px;
    border-radius: 5%;
}

.title-bar > div {
    display: flex;
    flex-direction: column;
    gap: 0px;
    border: 1px dotted red;
}

.title-bar > div h1 {
    margin: 10px 10px 0px 10px;
    border: 1px dotted blue;
}

.title-bar > div h4 {
  margin: 0px 10px 10px 10px;
  border: 1px dotted green;
}