body {
	/* No highlight on text */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}


.results {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 3vw 0;
	font-size: 9vw;
	color: red;
	text-shadow: 1px 1px black;
	z-index: -1;
	text-align: center;
}

.position-absolute-choice1 {
    position: absolute;
    right: 10vw;
}
@keyframes moveRight {
    to {
        right:0;
    }
}

.animation-choice1 {
    animation-name: moveRight;
    animation-duration: 0.25s;
    animation-timing-function: ease-out;
    animation-delay: 0.75s;
    animation-direction: normal;
}

.choice1-end {
    right:0;
}

.position-absolute-choice2 {
    position: absolute;
    left: 10vw;
}

@keyframes moveLeft {
    to {
        left: 0;
    }
}

.animation-choice2 {
    animation-name: moveLeft;
    animation-duration: 0.25s;
    animation-timing-function: ease-out;
    animation-delay: 0.75s;
    animation-direction:normal;
}

.choice2-end {
    left:0;
}

.results { 
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3vw 0;
    font-size: 9vw;
    color: red;
    text-shadow: 1px 1px black;
    z-index: -1;
    text-align: center;
}

.rps-selection-panel {
    height: 175px;
}

.message_body {
    height: 150px;
    overflow-y: scroll;
    overflow-wrap: break-word;
}

img {
    display:block;
    margin: 0px auto;
}

.choices1 {
    width: 100%;
    display: table;
}

.choices2 {
    width: 100%;
    display: table;
}

.tablecell {
    vertical-align: middle;
    display: table-cell;
    max-width: 100%;
    object-fit: scale-down;
}
