@view-transition {
  navigation: auto;
}

body {
  background-color: #813d9c; /* Primary Purple */
  color: white;
  text-shadow: 1px 1px 2px blueviolet;
}

a {
  text-decoration-color: aqua;
  color: aqua;
}

#top-bar {
  padding: 0.5em;
  background-color: rgba(red, green, blue, 0.2);
  border-bottom: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}


.bubble-panel {
  border-radius: 50px;
  background: #813d9c;
  box-shadow:  -33px 33px 65px #66307b,
              33px -33px 65px #9c4abd;
  padding: 2em;
}