body {
    background: url('https://www.transparenttextures.com/patterns/cubes.png');
    background-color: #fafafa;
}

div {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 14px;
    text-align: justify;
    font-weight: 200;
}

.title {
  color: #c134c4 !important;
  font-size: 14px;
  font-weight: 600;
}

div a {
  color: #384cfc !important;
  font-weight: 300;
  text-decoration: none;
}

div a:hover {
  color: #384cfc !important;
  text-decoration: underline;
}

.rainbow-text {
  font-size: 16px;
  background: linear-gradient(
    to right,
    #ff0000,
    #ff9900,
    #33cc33,
    #3399ff,
    #9933cc,
    #ff3399
  );
  background-size: 100% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text; /* Required for iOS Safari & Chrome mobile */
  -webkit-text-fill-color: transparent; /* Critical for mobile browsers */
  animation: rainbow 4s linear infinite;
  display: inline-block;
}

@keyframes rainbow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.blockquote {
  color: #222222;
  font-size: 14px;
  border-top: 1px dashed rgb(167, 163, 163);
  padding-top: 10px;
}

.blockquote-footer {
  padding-top: 18px;
  font-size: 80%;
  color: #444444;
  font-size: 13px;
}