# CSS Classes

There are already some CSS classes declared, to make your designing a little easier. As you may have already noticed, many are already being used in the basic interface you get by default.

| Class        | Description                                                                                                                      |
| ------------ | -------------------------------------------------------------------------------------------------------------------------------- |
| center       | Positions the element in the horizontal center of the screen.                                                                    |
| left         | Positions the element in the left side of the screen.                                                                            |
| right        | Positions the element in the right side of the screen.                                                                           |
| bottom       | Positions the element in the bottom of the screen.                                                                               |
| middle       | Positions the element in the middle of the screen, vertically and horizontally.                                                  |
| align-left   | Aligns the content to the left.                                                                                                  |
| align-center | Aligns the content to the center.                                                                                                |
| align-right  | Aligns the content to the right.                                                                                                 |
| vertical     | Distributes the content vertically.                                                                                              |
| horizontal   | Distributes the content horizontally.                                                                                            |
| dark         | It will change the letter color to a darker color. It must be placed in the quick-menu element for games with light backgrounds. |
| light        | It will change the letter color to a lighter color. Must be placed in the body for games with dark backgrounds.                  |