@-webkit-keyframes rolldice {
    from { -webkit-transform:rotate(720deg); }
    to {-webkit-transform:rotate(0deg); }
}


@keyframes rolldice {
    from { transform:rotate(720deg); }
    to {transform:rotate(0deg); }
}

@-webkit-keyframes addscore {
    from {opacity: 0; }
    to {opacity: 1; }
}

@keyframes addscore {
    from {opacity: 0; }
    to {opacity: 1; }
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: .25in;
    display: block;
    overflow: hidden;
    position: absolute;
}
#top-panel {
    height: 1.75in;
    padding: .25in;
    padding-bottom: 0;
    border: solid black 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
}
#scoresheets {
    border: solid green 3px;
    padding: .25in;
    overflow: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 2in;
}
.scoreblock {
    display: table;
    margin: .1in;
}
.scorerow {
    display: table-row;
    height: 1.1em;
}
.noclick {
    color: #666666;
}
.noclickvalue {
    border-bottom: solid 1px #666666 !important;
}
.scoretitle {
    display: table-cell;
    padding-right: .1in;
}
.scorevalue {
    display: table-cell;
    padding-left: .1in;
    width: 1in;
    height: 1.1em;
    border-bottom: solid 1px black;
}
.addingscore {
    animation: addscore .5s;
    -webkit-animation: addscore .5s;
}

.die {
    border: solid black 2px;
    border-radius: .15in;
    margin-right: .1in;
    height: 1in;
    width: 1in;
    display: inline-block;
    text-align: center;
}
.rolling {
    animation: rolldice .5s;
    -webkit-animation: rolldice .5s;
}
.locked {
    background-color: #BBBBBB;
}

.screenblank {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.content {
    position: absolute;
    left: 30px;
    right: 30px;
    min-height: 40%;
    top: 25%;
    background-color: rgba(255, 255, 255, 1.0);
    border: solid black 5px;
    border-radius: .15in;
    padding: .5in;
}

.hidden {
    visibility: hidden;
}

button {
    font-size: .2in;
    margin: .1in;
    width: 1in;
    height: 0.5in;
}

#new_game_button {
    position: absolute;
    right: .1in;
    bottom: .1in;
}