#chooseO,#chooseX{box-shadow:0 1px 3px 1.5px #a9a9a9;padding:0 6vmin}#box,#modal-content{left:0;position:absolute;right:0;text-align:center}#box,#modal,#modal-content{bottom:0;margin:auto;top:0}body,html,p{margin:0;padding:0}#box,body,html,p{padding:0}#modal-content p,.square,h1{font-family:Raleway,Helvetica,Arial}#box,#modal-content,h1{text-align:center}body,html{background:url(images/orangeBrushedMetalBg.jpg) center center no-repeat fixed;min-height:100%}#modal{background-color:rgba(153,254,254,.5);display:none;height:100%;overflow:auto;position:fixed;width:100%;z-index:1}#modalP{color:rgba(0,0,0,.7)!important;font-size:9vmin;text-decoration:underline}#modal-content{-webkit-animation-duration:.4s;-webkit-animation-name:animatetop;background-color:#f1f1f1;border:1px solid grey;box-shadow:0 1px 2px 1.5px rgba(0,0,0,.25);font-size:10vmin;overflow:hidden;padding:.5vmin;height:29vmin;width:90%}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}#modal-content p{color:#8b0000;padding:0}#chooseX{float:left;margin-bottom:5px;margin-left:20%}#chooseO{float:right;margin-right:20%}#chooseO:active,#chooseX:active{box-shadow:0 0 .5px .5px #a8a8a8}#chooseO:hover,#chooseX:hover{background-color:#8b0000;cursor:pointer}#chooseO:hover>p,#chooseX:hover>p{color:#f1f1f1}#box{border-collapse:collapse;display:table;height:80vmin;max-height:600px;max-width:600px;width:80vmin}#rowA,#rowB,#rowC{display:table-row;height:33.2%;width:100%}#rowA,#rowB{border-bottom:1px solid #fff}.square{display:table-cell;vertical-align:middle;width:32.3%}.square:hover{cursor:pointer}#A2,#B2,#C2{border-left:1px solid #fff;border-right:1px solid #fff}p{font-size:15vmin}h1{background-color:transparent;color:#fff;font-size:6vmin}