@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);@import url(https://fonts.googleapis.com/css?family=Fredoka+One);#card{-webkit-box-shadow:2px 5px;box-shadow:2px 5px;border:5px solid #acdeaa;border-radius:5px;width:200px}#card .title{background-color:#8fbbaf;height:150px;display:grid}#card .title h6{font-family:Fredoka One,cursive;font-weight:400;padding:1.3em;color:#6b7b8e;-ms-flex-item-align:center;align-self:center}#card .body{height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#d6f8b8;cursor:pointer}#card .body p{height:100%;margin:0;font-size:.6em;color:#6b7b8e;padding:1.3em;font-family:Permanent Marker,cursive}#card .body p:hover{background:#fff}Backward body{margin:0;padding:0}.card{left:1%;top:15%}.card,.dice-bg{position:absolute}.dice-bg{cursor:pointer;padding:0;border:3px solid wheat;left:30%;bottom:10%;background:plum;width:40%}.dice-bg .dice{margin:0;font-size:7em;background:none;border:none;text-decoration:none}.dice-bg h4{padding-top:1em;margin:0}#game{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#board{position:relative}#Places{width:100%;max-height:70vh}#token{position:absolute;width:10%;top:86%;left:4%}img.vert-move{-webkit-animation:mover .1s infinite alternate;animation:mover .1s infinite alternate}@-webkit-keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}body,html{margin:0;text-align:center}body *,html *{font-family:Fredoka One,cursive}#menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:plum;max-height:400px;max-width:500px;padding:2em}#menu button{margin:1.5em;background:#add8e6;padding:1em 1em;border:3px solid salmon;cursor:pointer}.win{position:absolute;top:30%;left:30%;z-index:999;width:40%;height:40%;background:plum}.win,.win button{padding:0;margin:0}#app{background:#add8e6;height:100vh;display:grid;grid-gap:5%;justify-items:center;-ms-flex-line-pack:center;align-content:center;grid-template-rows:2fr 10fr 1fr}#header{background:orange;width:100%}#footer{background:pink;font-size:.8em;width:100%}