.dogs, .dog, .dogid, .dogrealm, .dogstate, .dogcalc, .dogfooter, .dogpiles, .walkpile, .attackpile {
    display: flex;
}

.dogs {
    flex-direction: row;
    align-items: center;
}

.dog {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}

.dogid {
    color: Black;
 }

 .dogrealm {
    color: Black;
 }

.dogfooter {
    flex-direction: column;
    align-items: center;
}

 .dogstate {
    color: Black;
 }

 .dogpiles {
     flex-direction: row;
     flex-wrap: nowrap;

 }