html,
body {
  font-family: 'Inter', sans-serif;
  hyphens: auto;
}
.background-yellow {
  background: #fbe24f;
}
.text-logo::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fbe24f;
  right: -10px;
  top: -1px;
  z-index: 0;
}

.text-logo::after {
  content: 'X';
  display: inline-block;
  position: absolute;
  right: -24px;
}

.revieve {
  filter: drop-shadow(16px 16px 12px white) drop-shadow(-16px -16px 12px white);
}