[doc] update frame style

docs/getting-started/tutorial.md

@@ -147,7 +147,7 @@ NIFTY` is the name of the commodity and we have bought `#!ledger
 The withdrawal transaction is bit more involved. When you buy a
 commodity, you buy them at a specific price on a specific date called
 lot. When you sell, you usually need to record which lot you are
-selling for taxation purpose, usually LIFO. `#!ledger -100 NIFTY
+selling for taxation purpose, usually FIFO. `#!ledger -100 NIFTY
  {67.5281 INR} [2018/01/01] @ 67.7549 INR` means you are selling
 `#!ledger NIFTY` at price `#!ledger 67.7549 INR` that was bought on
 `#!ledger 2018/01/01` at `#!ledger 67.5281 INR`. The gain or loss

docs/stylesheets/extra.css

@@ -117,4 +117,13 @@
   --padding-v: 0;
   --bar-height: 33px;
   --border-width: 0;
+  --bar-inset: 10px;
+}
+
+.app-frame.win {
+  --button-inset: 12px;
+}
+
+.app-frame::after {
+  font-family: inherit;
 }