html,head,body { padding:0; margin:0; }
body { font-family: calibri, helvetica, arial, sans-serif; 
text-align: center}

.title {
    font-size: x-large;
    display: inline;
}

.titleBar {
    padding: 10px;
}

button {
    margin: 10px;
}

td.kitty {
    background: no-repeat center/90%;
    height: 50vh;
    /* transition: all 1s ease; <- this is not an improvement */
    border: solid thick grey;
}

td.vote-count {
    text-align: center;
    height: 10vh;
    border: solid thick grey;
}

.seed {
    float: right;
}

.survey-name {
    float: left;
}

td.chosen {
    background-color: lightgreen;
    border: solid thick green;
}

table {
    border-collapse: separate;
    width: 100vw;
}

div.allKitties {
    white-space: nowrap;
   width: 100vw;
}