#viewer {
    border: 1px solid #ccc;
    padding: 12px;
    background: #e6e6fa;
    font-family:"Times New Roman", "YuMincho", "TakaoPMincho", "Noto Selif CJK", serif; "Courier New", monospace; /* ログ向け等幅フォント */
    font-size: 17px;
    white-space: pre-wrap;  /* 長い行を折り返し */
    line-height: 1.4;
    height: 420px;        /* 必須：高さ固定しないとスクロールできない */
    overflow-y: scroll;   /* スクロールバー */
}    

h2{
     font-size:30px;
     color:#4169e1;
     font-family: "YuMincho", "TakaoPMincho", "Noto Selif CJK", "MS Mincho", serif;
     padding-left: 20px;
}

a{
     text-decoration:none;
}

a:hover{
     text-decoration:underline;
}

p {
     color:#ff33a7;
     font-size:25px;
     font-family: "VT323", monospace;
     font-weight: 400;
     font-style: normal;
     padding-left: 100px;
}
p1 {
     color:#ff33a7;
     font-size:20px;
     font-family: "VT323", monospace;
    
     font-style: normal;
     padding-left: 20px;
}
#updated {
     color:#796411;
     font-size:20px;
     font-family: "VT323", monospace;
    
     font-style: normal;
     padding-left: 20px;
}
#closeBtn {
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 9999;

  background: #0abd33;
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

#closeBtn:hover {
  opacity: 0.8;
}