.logo {
  font-size: x-large;
  font-weight: 250;
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: default;
}

.logo__image {
  height: 120px;
  margin-bottom: 10px;
  border: 3px solid #a6a6a6;
  border-radius: 60px;
}

:root:not([data-theme="dark"]),
[data-theme="light"] {
  border-color: #fff;
}

.logo__text {
  letter-spacing: .25em;
  margin: 10px;
}

.logo__text--strong {
  letter-spacing: .3em;
}

.logo__subtext {
  font-size: small;
  letter-spacing: .25em;
  margin: 10px;
}