*,*::before,*::after{padding:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Oswald', sans-serif;background-image:repeating-linear-gradient(120deg, #ddd 0px, #eee 2px, #ddd 4px);color:#fff;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gameCont{position:relative;width:520px;min-width:320px;height:100vh;-webkit-box-shadow:0 0 20px #bbb;box-shadow:0 0 20px #bbb;overflow:hidden}.menu{position:absolute;top:0;left:0;width:100%;height:0;z-index:2}.menu_btn{position:absolute;top:0;right:0;width:2em;height:2em;background:none;border:none;outline:none;font-size:2em;color:#666;-webkit-transition:color 0.2s;transition:color 0.2s;z-index:3}.menu_content{position:absolute;top:0;left:0;width:100%;height:0;background-color:#fff;background-image:repeating-linear-gradient(120deg, #123 0px, #234 2px, #123 4px);overflow-x:hidden;overflow-y:auto;padding:0 1em;font-size:1.25em;-webkit-transition:height 0.2s;transition:height 0.2s}@media (min-height: 700px){.menu_content{overflow:hidden}}.menu_content h3{position:relative;text-align:center;margin-top:-1em;z-index:3;text-shadow:2px 2px 5px #123}.menu_content h4{color:#abc}.menu_content span{white-space:nowrap}.menu.on .menu_content{height:100vh}.menu.on .menu_btn{color:#fff}.contactIcons{text-align:center;position:relative}.contactIcons a{position:relative;display:inline-block;width:45px;height:26px;background-color:#789;color:#fff}.contactIcons a::after{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(60deg);transform:rotate(60deg);background-color:inherit;z-index:1}.contactIcons a::before{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);background-color:inherit;z-index:1}.contactIcons a i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}.header{position:relative;margin:3rem 4rem 1rem;text-align:center;opacity:1}.header_hex{position:absolute;top:50%;right:50%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);width:90px;height:52px;background-color:#789}.header_hex::after{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(60deg);transform:rotate(60deg);background-color:inherit}.header_hex::before{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);background-color:inherit}.header_title{position:relative;font-size:32px;text-shadow:2px 2px 5px #123}.canvasCont{position:relative;width:100%;height:0px;padding-top:100%}.startBtn{font-family:'Oswald', sans-serif;position:absolute;top:30%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:2em;width:200px;font-size:1.5em;background-color:#789;color:#fff;border:none;-webkit-filter:drop-shadow(0 3px 3px #333);filter:drop-shadow(0 3px 3px #333);outline:none}.startBtn::before{content:'';position:absolute;top:0;right:100%;width:0em;height:0em;border:1em solid transparent;border-right:0.567em solid #789}.startBtn::after{content:'';position:absolute;top:0;left:100%;width:0em;height:0em;border:1em solid transparent;border-left:0.567em solid #789}.gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s}.turnBtns{position:relative;width:100%}button.hex{position:absolute;top:0%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:none;color:#fff;border:none;outline:none}button.hex>div{width:33.75vw;height:19.5vw;max-width:175.5px;max-height:101.4px;border:none;background-color:#789;-webkit-filter:drop-shadow(0 3px 3px #333);filter:drop-shadow(0 3px 3px #333);font-size:3em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}button.hex>div::after{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(60deg);transform:rotate(60deg);background-color:inherit;z-index:-1}button.hex>div::before{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);background-color:inherit;z-index:-1}button.hex.on>div{-webkit-filter:drop-shadow(0 0px 3px #333);filter:drop-shadow(0 0px 3px #333)}button.hex:nth-child(1){left:0%}button.hex:nth-child(1)>div{padding-left:40%}button.hex:nth-child(2){left:100%}button.hex:nth-child(2)>div{padding-right:40%}.score{position:absolute;top:0%;left:50%;width:22.5vw;height:13vw;max-width:117px;max-height:67.6px;-webkit-transform:translate(-50%, -25%);transform:translate(-50%, -25%);background-color:#789;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2em;z-index:-1}.score::after{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(60deg);transform:rotate(60deg);background-color:inherit;z-index:-1}.score::before{content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);background-color:inherit;z-index:-1}