html,
body {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  color: #eee;
  padding: 0;
  margin: 0;
  background-color: #121212;
  box-sizing: border-box;
}

h1 {
  margin-block-end: 0.2%;
  margin-block-start: 0.2%;
  font-size: 1.5em;
  color: #9c8cff;
  padding: 0.7em;
}

#howMany {
  font-size: 0.7em;
}

#app {
  margin: 0 10px;
}

.entry {
  line-height: 2em;
  width: 100%;
  max-width: 100%;
  border-top: 0.5px solid rgba(115, 64, 199, 0.4);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#entryContainer {
  border-bottom: 0.5px solid hsla(263, 52%, 47%, 0.4);
}

.index {
  font-size: 0.8em;
  padding-right: 5px;
  color: #9c8cff;
}

.domain {
  padding-left: 6px;
  font-size: 0.65em;
  color: #9790c0;
}

.comment {
  padding-left: 5px;
  font-size: 0.7em;
}

.left {
  flex: 1;
}

.right {
  flex: none;
  width: fit-content;
}

.comment a:link {
  color: rgb(42, 198, 209);
}

.comment a:visited {
  color: rgb(172, 172, 172);
}

/* unvisited link */
a {
  text-decoration: none;
}

a:link {
  color: #eee;
}

/* visited link */
a:visited {
  color: rgb(67, 122, 159);
}

/* mouse over link */
a:hover {
  color: rgb(131, 19, 250);
}

/* selected link */
a:active {
  color: rgb(123, 0, 255);
}

#red-square {
  background-color: rgba(255, 255, 255, 0.9);
  width: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  /*opacity: 0;*/
  color: black;
  font-size: 18px;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 100;
  user-select: none;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);

}

#red-square>div {
  padding: 5px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 4s;
}

.fade-enter,
.fade-leave-to

/* .fade-leave-active below version 2.1.8 */
  {
  opacity: 0;
}