# 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.                  |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developers.monogatari.io/documentation/1.4.1-1/design/classes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.