.hexagon{width:100px;height:100px;margin:5px;background-color:#ccc;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:inline-block;position:absolute}@media screen and (max-width:768px){.hexagon{width:80px;height:80px}}@media screen and (max-width:480px){.hexagon{width:60px;height:60px}}.board-container{transform:scale(.9);transform-origin:center center}svg{margin-left:-100px}@media screen and (max-width:768px){.board-container{transform:scale(.8)}svg{margin-top:-80px;margin-left:-60px}}@media screen and (min-width:800px)and (max-width:870px)and (orientation:landscape){svg{margin-top:-80px;margin-left:0}.board-container{transform:scale(.6)}h1{font-size:14px}}