pagetitle {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: auto auto auto auto;
    border: solid 4pt #5cf0f6;
    border-radius: 12pt;
    padding: 4pt;
}

allianceName, userName {
    color: #ebde88;
    max-width: 95%;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-self: center;
    justify-self: center;
}

alliancename {
    /* grid-column: 1; */
    /* grid-row: 2; */
    grid-area: 2/1/3/2;
}

userName {
    /* grid-column: 3; */
    /* grid-row: 2; */
    grid-area: 2/3/3/4;
}

pageTitle img.titleImg {
    /* grid-column: 2; */
    /* grid-row: 1; */
    grid-area: 1/2/2/3;
    max-width: 100%;
    max-height: 100%;
    align-self: center;
    justify-self: center;
}

pageTitle img.allianceBannerImg, pageTitle img.helmet {
    height: 60px;
    align-self: center;
    justify-self: center;
}

pageTitle img.allianceBannerImg {
    width: 72pt;
    /* grid-column: 1; */
    /* grid-row-start: 1; */
    /* grid-row-end: 2; */
    grid-area: 1/1/2/2;
}

pageTitle img.helmet {
    /* grid-column: 3; */
    /* grid-row-start: 1; */
    /* grid-row-end: 2; */
    grid-area: 1/3/2/4;
}

pagetitlecontainer {
    padding: 4px;
}

allianceinitials {
    /* grid-column: 1; */
    /* grid-row: 1; */
    align-self: center;
    justify-self: center;
    color: #f0e07b;
    font-weight: bold;
    font-size: x-large;
    grid-area: 1/1/2/2;
}

allianceTime, usertime {
    color: white;
    font-size: xx-large;
    align-self: center;
    grid-area: 3/3/4/4;
}

allianceTime {
    /* grid-column: 1; */
    /* grid-row: 3; */
    grid-area: 3/1/4/2;
}

userTime {
    /* grid-column: 3; */
    /* grid-row: 3; */
}

serverTime {
    /* grid-row: 2/3; */
    /* grid-column: 1/4; */
    grid-area: 2/1/3/4;
    color: #5cf0f6;
    font-size: larger;
    align-self: center;
}

titleimgs {
    grid-column: 2;
    grid-row-start: 2;
    grid-row-end: 4;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-self: center;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}


subtitle {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 25% 1fr 25%;
    justify-items: center;
    grid-area: 1/2/4/3;
}

pageTitle arpics {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-items: center;
    grid-area: 1/3/3/3;
}

pageTitle currentvs {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    justify-content: center;
    align-content: center;
    grid-area: 1/1/3/2;
}

pageTitle colon {
    color: #5cf0f6;
    align-self: center;
}

pageTitle vsLabel {
    color: #fcb32e;
    width: 100%;
    text-align: center;
    /* grid-row: 2/3; */
    /* grid-column: 1/4; */
    grid-area: 2/1/3/4;
}

pageTitle arLabel {
    color: #fed535;
    width: 100%;
    text-align: center;
    /* grid-row: 2/3; */
    /* grid-column: 1/6; */
    grid-area: 2/1/3/6;
}

pageTitle centerinfo {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto auto;
    justify-content: center;
    align-content: center;
    column-gap: .5vw;
    font-size: x-large;
    color: #51fff9;
}

pageTitle dayName {
    /* color: #ff8025; */
    /* grid-column: 1/2; */
    /* grid-row: 1/2; */
    grid-area: 1/1/2/2;
}

pageTitle dayPart {
    /* color: #ff8025; */
    /* grid-row: 1/2; */
    /* grid-column: 3/4; */
}

pageTitle centerInfo dash {
    /* grid-row: 1/2; */
    /* grid-column: 2/3; */
}