

button.p4{
    font-size: 1.8em;
}

li.p4-listpl-item{
    display: inline-block;
    background: #44a;
    color: #cdcdcd;
    margin: .4em;
    padding: .4em;
    border-radius: 1em;
    width: 50%;
    max-width: 50%;
    min-width: 50%;
}

ul.p4-listpl{
    margin: auto;
    font-size: 1em;
    width:100%;
}


li.p4-listpl-item::before{
    content:'';
}

svg{
	margin: auto;
	display:block;
}


.centered{
	align:center;
	display:block;
	margin:1em auto;
}

.p4-svg-column{
	stroke-width:6;
	stroke:#227;
	fill:#1500de;
}

.p4-svg-column:hover{
	stroke:black;
	fill:#55d;
}

.p4-stone{
	stroke-width:7;
	pointer-events: none;
}

.p4-stone.hidden{
	display:none;
}

.p4-stone:nth-of-type(2n+1){
	fill:yellow;
	stroke:#aa0;
}

.p4-stone:nth-of-type(2n){
	fill:red;
	stroke:#a00;	
}

.p4-stone.last-move{
	/* stroke:#f80; */
	stroke-width:11;
}

@-webkit-keyframes high {
	0%{  }
	75%{ fill:green; }
	100%{ fill:purple; }
}
@-moz-keyframes high {
	0%{  }
	75%{ fill:green; }
	100%{ fill:purple; }
}
@-o-keyframes high {
	0%{  }
	75%{ fill:green; }
	100%{ fill:purple; }
}
@keyframes high {
	0%{  }
	75%{ fill:green; }
	100%{ fill:purple; }
}


@-webkit-keyframes highh {
	0%{ transform:translate(15px,0); }
	25%{ transform:translate(0,15px); }
	75%{ transform:translate(-15px,0); }
	100%{ transform:translate(0,-15px); }
}
@-moz-keyframes highh {
	0%{ transform:translate(15px,0); }
	25%{ transform:translate(0,15px); }
	75%{ transform:translate(-15px,0); }
	100%{ transform:translate(0,-15px); }
}
@-o-keyframes highh {
	0%{ transform:translate(15px,0); }
	25%{ transform:translate(0,15px); }
	75%{ transform:translate(-15px,0); }
	100%{ transform:translate(0,-15px); }
}
@keyframes highh {
	0%{ transform:translate(15px,0); }
	25%{ transform:translate(0,15px); }
	75%{ transform:translate(-15px,0); }
	100%{ transform:translate(0,-15px); }
}
.p4-stone.highlight{
	
	-webkit-animation: highh .1s infinite alternate; /* Safari 4+ */
	-moz-animation:    highh .1s infinite alternate; /* Fx 5+ */
	-o-animation:      highh .1s infinite alternate; /* Opera 12+ */
	animation:         highh .1s infinite alternate; /* IE 10+, Fx 29+ */
	
}












