*{padding:0;margin:0;box-sizing:border-box;font-family:bpg_arial,Arial,Helvetica,sans-serif}@font-face{font-family:bpg_arial;src:url("./media/bpg_arial_2009-W2MMS7FL.ttf")}@font-face{font-family:bpg_glaho;src:url("./media/bpg_glaho-CY67VOV7.ttf")}@font-face{font-family:bpg_nino_mtavruli;src:url("./media/bpg_nino_mtavruli_normal-NISUKM3Z.ttf")}body{margin:30px}.books{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}app-book{display:inline-block;width:13em;height:18em;box-shadow:0 1px 2px #0003,0 6px 20px #0003;margin:.5em;border-radius:.5em}app-book:hover{box-shadow:0 4px 8px #0000004d,0 6px 20px #0000004d}.book-item{cursor:pointer}.focused-file{color:#fff;background-color:#4169e1}@media only screen and (max-width: 480px) and (orientation: portrait){app-book{width:80vw;height:120vw;margin:.5em 0}}