@import url(https://cdn.22is5.com/css/colors.css);
@import url(https://cdn.22is5.com/css/reset.css);
@import url(https://cdn.22is5.com/fonts/vcr.css);
@import url(https://cdn.22is5.com/fonts/tyler-joseph.css);
body {
  background-color: #000;
  color: #fff;
  font-family: "VCR";
  background-image: url(https://github.com/22is5/cdn/blob/main/img/artists/twentyonepilots/trench/blackbird.jpg?raw=true);
  background-size: cover;
  background-position: center;
  height: fit-content;
  min-height: 100vh;
}
.contentWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 12px;
  align-items: center;
  height: fit-content;
  min-height: 100vh;
}
.content {
  max-width: 100%;
  line-height: 1.3;
  text-align: justify;
  font-size: 32px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
h1 {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}
h2 {
  font-size: 24px;
  text-transform: uppercase;
}
p {
  color: #fff;
  border: solid 3px #fff;
  text-align: center;
  display: flex;
}
p:hover {
  color: var(--bandito);
  border-color: var(--bandito);
  text-align: center;
}
.option {
  width: 100%;
  padding: 12px;
  background-color: #00000050;
  backdrop-filter: blur(6px);
  user-select: none;
}
.option:hover {
  background-color: #fce30012;
}
.name {
  border: none;
  width: 100%;
  display: flex;
  justify-content: right;
  cursor: default;
  user-select: none;
}
#name {
  border: none;
  font-family: "Tyler Joseph";
  text-transform: lowercase;
}