Haxe

<@!385014891750096896> I feel bad for pinging you, but I need to get this done today and I have no idea what I am doing with HaxeUI lmao. I am trying to center everything while keeping the order in tact. Currently I can only do the former.
```haxe
var main = new Box();
main.percentWidth = 100;
main.percentHeight = 100;

var guessArea = new GuessArea(game); // VBox
guessArea.guessArea.horizontalAlign = "center";
guessArea.guessArea.verticalAlign = "center";

var keyboard = new Keyboard(game, guessArea).keyboard; // VBox
keyboard.horizontalAlign = "center";
keyboard.verticalAlign = "center";
```

guess area should be above the keyboard i presume?

and i presume your root component is a `Box`?

TLDR; wrap up the content you want centered in the box in a vbox

Ah, I tried something similar to that. I'll try it again, thanks.

<@!385014891750096896> One more thing that I am confused about. Heaps doesn't use TTF's for fonts, so would I just use the path to the bitmap .fnt file for HaxeUI?

i think so... im not 100% sure if im honest... i cant remember

its possible that haxeui-heaps doesnt even support custom fonts

Looks like you don't support custom fonts, is there a way to override the default font lol?

there is font loading stuff in haxeui-heaps though

just trying to remember it / understand how it works

```css
    .button {
        font-name: "fonts/fell-64.fnt";
        font-size: 64px;
    }
    
    .button .label {
        margin-top: 5px;
    }
```

Oh, I tried it with customStyle and that didn't work, let me try a stylesheet