#ar-header {
    height: 25svh;
}

#ar-header svg {
    position: absolute;
    width: 100%;
    height: auto;
    top: 3svh;
}

#ar-header > svg > text#arheader-upper {
    font-family: "BuckeyeSans2";
}

#ar-header > svg > text#arheader-lower {
    font-family: "BuckeyeSans2";
}

@media (min-aspect-ratio: 2/3) {
    #ar-header {
        height: 25svh;
        width: 50%;
        position: fixed;
        left: 0svh;
        top: 0svh;
    }
}