td.main-letter { font-size: 2rem; }

td.normal-letter { font-size: 1.3rem; }

tr:hover { cursor: pointer; }

tr:hover td.main-letter { text-decoration: underline; }

@media (min-width: 992px) { table { border-collapse: separate; font-family: monospace; } table th, table td, table tr { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } table tr:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } table td.main-letter { font-size: 3rem; } table td.normal-letter { font-size: 1.3rem; } table td.hovered { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } }