:root {
  color-scheme: dark;
  font-size: 18px;
  line-height: 1.5;
}

body {
  color: #cdd6f4;
  background: #1e1e2e;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  margin: 0;
  font-family: JetBrains Mono, monospace;
  display: flex;
}

#app {
  text-align: center;
}

h1 {
  -webkit-text-fill-color: transparent;
  white-space: pre;
  text-align: left;
  background: linear-gradient(to bottom right, #f5c2e7 0%, #f4c1e7 1.38889%, #f2c0e8 2.77778%, #eebeea 4.16667%, #eabbeb 5.55556%, #e5b7ed 6.94444%, #e0b4ef 8.33333%, #dbb1f1 9.72222%, #d6adf3 11.1111%, #d2aaf5 12.5%, #cea8f6 13.8889%, #cca7f7 15.2778%, #cba6f7 16.6667%, #caa6f7 18.0556%, #c6a7f7 19.4444%, #c1a8f7 20.8333%, #baaaf8 22.2222%, #b2abf8 23.6111%, #aaadf9 25%, #a2aff9 26.3889%, #9ab0f9 27.7778%, #93b2fa 29.1667%, #8eb3fa 30.5556%, #8ab4fa 31.9444%, #89b4fa 33.3333%, #8ab5f8 34.7222%, #8bb7f3 36.1111%, #8ebbec 37.5%, #91c0e3 38.8889%, #94c6d9 40.2778%, #98ccce 41.6667%, #9bd1c2 43.0556%, #9ed7b8 44.4444%, #a1dcaf 45.8333%, #a4e0a8 47.2222%, #a5e2a3 48.6111%, #a6e3a1 50%, #a8e3a1 51.3889%, #ace3a2 52.7778%, #b3e3a3 54.1667%, #bce3a5 55.5556%, #c5e3a6 56.9444%, #d0e3a8 58.3333%, #dae2aa 59.7222%, #e3e2ab 61.1111%, #ece2ad 62.5%, #f3e2ae 63.8889%, #f7e2af 65.2778%, #f9e2af 66.6667%, #f9e1ae 68.0556%, #f9dfac 69.4444%, #f9dba9 70.8333%, #f9d6a5 72.2222%, #f9d0a0 73.6111%, #facb9b 75%, #fac596 76.3889%, #fabf91 77.7778%, #faba8d 79.1667%, #fab68a 80.5556%, #fab488 81.9444%, #fab387 83.3333%, #fab288 84.7222%, #f9b089 86.1111%, #f9ad8c 87.5%, #f8a990 88.8889%, #f7a493 90.2778%, #f79f98 91.6667%, #f69a9c 93.0556%, #f5959f 94.4444%, #f491a3 95.8333%, #f48ea6 97.2222%, #f38ca7 98.6111%, #f38ba8 100%) text;
  margin: 0 0 24px;
  font-size: 1.25rem;
  font-weight: 600;
  display: inline-block;
}

nav {
  gap: 24px;
  display: flex;
}

nav a:first-child {
  color: #f5c2e7;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:first-child:before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:first-child:after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:first-child:hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:first-child:hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:first-child:hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:first-child:hover:before, nav a:first-child:hover:after {
  color: #f5c2e7;
}

nav a:nth-child(2) {
  color: #cba6f7;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:nth-child(2):before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(2):after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(2):hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:nth-child(2):hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:nth-child(2):hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:nth-child(2):hover:before, nav a:nth-child(2):hover:after {
  color: #cba6f7;
}

nav a:nth-child(3) {
  color: #89b4fa;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:nth-child(3):before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(3):after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(3):hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:nth-child(3):hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:nth-child(3):hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:nth-child(3):hover:before, nav a:nth-child(3):hover:after {
  color: #89b4fa;
}

nav a:nth-child(4) {
  color: #a6e3a1;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:nth-child(4):before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(4):after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(4):hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:nth-child(4):hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:nth-child(4):hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:nth-child(4):hover:before, nav a:nth-child(4):hover:after {
  color: #a6e3a1;
}

nav a:nth-child(5) {
  color: #f9e2af;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:nth-child(5):before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(5):after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(5):hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:nth-child(5):hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:nth-child(5):hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:nth-child(5):hover:before, nav a:nth-child(5):hover:after {
  color: #f9e2af;
}

nav a:nth-child(6) {
  color: #fab387;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:nth-child(6):before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(6):after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(6):hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:nth-child(6):hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:nth-child(6):hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:nth-child(6):hover:before, nav a:nth-child(6):hover:after {
  color: #fab387;
}

nav a:nth-child(7) {
  color: #f38ba8;
  text-decoration: none;
  transition: transform .15s, color .15s;
  display: inline-block;
}

nav a:nth-child(7):before {
  content: "[";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(7):after {
  content: "]";
  color: #6c7086;
  display: inline-block;
}

nav a:nth-child(7):hover {
  text-decoration: underline;
  transform: scale(1.1);
}

nav a:nth-child(7):hover:before {
  content: "(";
  color: #cba6f7;
}

nav a:nth-child(7):hover:after {
  content: ")";
  color: #cba6f7;
}

nav a:nth-child(7):hover:before, nav a:nth-child(7):hover:after {
  color: #f38ba8;
}

nav a {
  font-size: 1.25rem;
}
/*# sourceMappingURL=jetbrains-css-source-mapping.b2d9cf43.css.map */