.site-title {
  font-size: 3rem;
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:root {
  --text-color: #4c4f69;
  --gradient: linear-gradient(90deg, #4c4f69 0%, #8839ef 50%, #ea76cb 100%);
}

/* Colors: Dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --text-color: #cdd6f4;
    --gradient: linear-gradient(90deg, #cdd6f4 0%, #cba6f7 50%, #f5c2e7 100%);
  }
}

/* Sparkling the magic */
.site-title::after {
  padding-left: 5px;
  content: "*:･ﾟ✧";
  background: var(--gradient);
  color: transparent;
  background-clip: text;
}

.u-photo {
  height: 75px;
  width: 75px;
  border-radius: 50%;
}

main {
  margin-top: -2rem;
}

.nav-menu,
.hamburger,
footer {
  display: none;
}