body {
  max-width: 640px;
  font-family: 'Noto Serif TC', serif;
  background: #222222;
  color: white;
  text-align: left;
  font-size: 150%;
}

blockquote {
  text-align: left;
  max-height: 400px;
  padding: 12px 6px;
}.vrl{
  writing-mode: vertical-rl;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center; 
}

h2 {
  text-align: left;
  color: rgb(228, 225, 225);
  margin-bottom: 10px;
}

p {
  text-align: right;
  font-size: 14pt;
}

b {
  color: rgb(250, 250, 210);
  font-size: 20pt;
}

img {
  object-fit: cover;
  max-width: 100%;
}.banner {height: 160px; }

.button-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 12px;
  border-radius: 5px;
  border: none;

  background:rgba(34, 153, 221);
  color: rgb(255, 255, 255);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin: 5px 5px;
}


canvas {
  mix-blend-mode: lighten;
}