CSS Fixes
- div.container: made it flex, flex-direction set to column, added padding to remove the title's margin-top and checkbox-set's margin-bottom, set gap to 0.5rem to remove the hardcoded margins of children in between, set height to 100dvh so as to equip the whole screen
- .kb-name: removed margins, since flex gap exists
- removed
font-family: Manjari
everywhere except body because it's already set inbody
- replaced absolute units (px) with relative ones (rem)
- textarea: set resize to none since it messes with the layout (words spill outside the element)
- .simple-keyboard-preview: added
flex-grow: 1
to let it occupy max space - .buttons-set: set gap to 0.5rem
- .btn: removed margins since .buttons-set, its parent container has gap applied