*{margin:0;padding:0}body{background-color:#5f6887;background-image:url(https://www.transparenttextures.com/patterns/circles.png)}h1{margin-top:5px;margin-bottom:20px;font-family:anton sans-serif;font-size:10vh;font-weight:400;text-align:center;letter-spacing:5px;-webkit-text-stroke:1px #000;color:#fff;text-shadow:3px 3px 0 #2b3a45,-1px -1px 0 #2b3a45,1px -1px 0 #2b3a45,-1px 1px 0 #2b3a45,1px 1px 0 #2b3a45;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slidein;animation-name:slidein}@-webkit-keyframes slidein{from{margin-left:100%;width:300%}to{margin-left:0%;width:100%}}@keyframes slidein{from{margin-left:100%;width:300%}to{margin-left:0%;width:100%}}.btn{margin:4px;box-shadow:1px 1px 5px #888}.btn-hot{background-color:#385f96;border-bottom:2px solid #2b3a45;width:40px;height:40px;font-weight:700;font-size:20px;margin:20px;color:#fff}.btn-hot:active{color:#fff;background-color:#385f96;border-top:2px solid #2b3a45;margin-top:2px}#playerSelection{text-align:center;width:25%;margin-top:200px;float:left}h3{color:navy;font-weight:700;font-size:25px;text-align:center;font-family:lato,sans-serif}.popupContainer,#gameBoardContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0}.popupContainer{position:fixed;z-index:5;width:100%;height:100%;top:-100%}#content{position:absolute;display:flex;flex-direction:column;top:0;bottom:0;left:0;right:0}#gameBoardContainer{flex-grow:1}#gameboard{background-color:#485789;border:1px solid #000;box-shadow:1px 1px 21px 6px rgba(0,0,0,.75);width:80vh}.square{float:left;position:relative;width:30%;height:30%;margin:1.66%;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}#resetGameBox{flex-direction:column;display:flex}.X{background-color:#fb3953;font-weight:700;-webkit-animation:fadein 1s;animation:fadein 1s}.X::before{content:"X"}.O{background-color:#add8e6;font-weight:700;-webkit-animation:fadein 1s;animation:fadein 1s;content:"O"}.O::before{content:"O"}.O,.X{font-size:500%}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}.slideDown{-webkit-animation:slideDown 4s;animation:slideDown 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.slideUp{-webkit-animation:slideUp 2s;animation:slideUp 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideDown{from{top:-100%}to{top:0%}}@keyframes slideDown{from{top:-100%}to{top:0%}}@-webkit-keyframes slideUp{from{top:0%}to{top:-100%}}@keyframes slideUp{from{top:0%}to{top:-100%}}.popUp{background:rgba(255,255,255,.7);padding:1em 5em;-webkit-border-radius:5px;-moz-border-radius-:5px;border-radius:5px;z-index:5}#endOfGameStatement{color:navy;font-weight:700}#reset{font-size:15px;padding:10px}#veil{z-index:2;overflow:hidden;margin:0;background-color:rgba(0,0,0,.5);position:fixed;top:-50%;bottom:0;right:0;left:0;pointer-events:none}.fadeOut{-webkit-animation:fadeOut 2s;animation:fadeOut 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeIn{-webkit-animation:fadeIn 2s;animation:fadeIn 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}footer{padding-top:600px;font-size:20px;font-weight:200px;text-align:center;color:#2b303b}.social{margin:0;padding:0}.social ul{margin:0;padding:5px}.social ul li{margin:5px;list-style:none outside none;display:inline-block}.social i{width:40px;height:40px;color:#fff;background-color:#909aa0;font-size:22px;text-align:center;padding-top:12px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-ms-transition:all ease .3s}.social i:hover{color:#fff;text-decoration:none;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-ms-transition:all ease .3s}.social .fa-facebook:hover{background:#4060a5}.social .fa-twitter:hover{background:#00abe3}.social .fa-linkedin:hover{background:#0094bc}.social .fa-github:hover{background:#343434}.social .fa-fire:hover{background:green}