css.css

.card {
 font-family: arial;
 font-size: 2.5rem;
 text-align: center;
 background-color: #e7ebea;
 word-wrap: break-word;
  -webkit-hyphens: auto;
 hyphens: auto;
}

#kanji {
 font-size: 3.75rem;
}

.mobile .card {
 max-width: 100%;
 max-height: 100%;
}
.mobile #content {
  margin: 0.1em;
}

.disabled {
  color: rgba(151, 151, 151, 0.5);
}

#imgBg {
 background-repeat: no-repeat;
 opacity: .35;
 justify-content: center;
 align-items: center;
 font-size: 433px;
 font-family: '游教科書体', 'UD デジタル 教科書体 N-R', 'Kozuka Mincho Pr6N';
 font-weight: normal;
 font-size: 85vmin;
}

.keyword{
 padding: 8px 0 8px;
 margin-bottom: 10px;
}

.night_mode .keyword {
 background: rgba(51, 51, 51, 0.5);
}
a {
 color: inherit !important;
 text-decoration: inherit;
}

.row {
 display: table-row;
}
.nrow {
 background: rgba(239, 239, 239, 0.66);
}
.night_mode .nrow {
 background: rgba(42, 42, 42, 0.66);
}
.krow {
 background: rgba(250, 250, 250, 0.66);
}
.night_mode .krow {
 background: rgba(35, 35, 35, 0.66);
}
.mobile #table
{
 display: table;
 width:100%;
}
.cell {
 text-align: left;
 display: table-cell;
 padding: 3px 10px;
 font-size: 1.44rem;
 border-bottom: 1px solid rgba(221, 225, 224, 0.33);
}

.read{
 color:#eb4c42;
}
.eng {
 color: #960018;
}
.night_mode .eng{
 color: #D2344D;
}
span {
 color: #580400;
}
.night_mode span {
 color:#960018;
}

.hidden {
 color: #DC143C;
 opacity: 0;
 border-bottom: 0px;
}
.hidden:hover {
 opacity: 1;
}
.visible {
 color: #DC143C;
 border-bottom: 0px;
}
.botleft {
 position:fixed;
 bottom:5px;
 left:5px;
 font-size: 1.2rem;
 z-index:-1;
 color: white;
}
.night_mode .botleft {
 color: #5A5A5A;
}
.night_mode .n { 
 filter: invert(1); -webkit-filter:invert(1);
}
.night_mode #imgBg {
 opacity: .55;
}


/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}