body{margin:0; padding:0;}
:root{
  --box-ink: white;
  --box-bg:#222;
  --grid-font-size:120%;
  --notepaper-ink:black;
  --notepaper-bg:#eee;
}
body{
  background-image: url("wallpaper-04.jpg");
}
#banner_text{
  width:100%;
  text-align:center;
  color:var(--box-ink);
  background:var(--box-bg);
  display:none;
}
#top_menu{
  display:flex;
  justify-content:stretch;
}
#top_menu div.dagon-btn{
  width:100%;
  font-size:larger;
}
#logicgrid{
  margin-top:10px;
  width:fit-content;
  background:var(--box-bg);
}
#logicgrid_tbl td{
  background:white;
  color:black;
  font-family:sans-serif;
  font-weight:bold;
  font-size:var(--grid-font-size);
  width:2em; height:2em;
  text-align:center;
  vertical-align:middle;
  border: 1px solid black;
  user-select: none;
}
#logicgrid_tbl td.nocell{
  visibility:hidden;
}
.tblhdr_a { background: yellow; color: black; }
.tblhdr_b { background: blue; color: black; }
.tblhdr_c { background: green; color: white; }
.tblhdr_d { background: orange; color: white; }

#btn_icon_grid{
  position:fixed;
  right:0;
  bottom:2%;
}

p.heading {
  color:var(--box-ink); background:var(--box-bg); font-size: 5vh; text-align:center;
  border-radius:0.2em;
}
.notepaper{
  background:var(--notepaper-bg);
  color:var(--notepaper-ink);
  border:solid thick #222;
  border-radius:10px;
  padding:0.5em;
}
.popup-container{
  display:none;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}
.dagon-btn{
  color:var(--box-ink);
  background:var(--box-bg);
  padding:5px;
  border:1px solid var(--box-ink);
  border-radius: 2px;
  text-align:center;
}
#accusation{
  background:var(--notepaper-bg);
  color:var(--notepaper-ink);
  padding:1em;
  border:solid thick #222;
  border-radius:10px;
  font-size:larger;
}
.link_decode,.link_fingerprint{
  color:blue;
  text-decoration:underline;
}
.link_items{
  color:var(--box-ink);
}