*{margin:0;padding:0}body{background:#fff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:url(fonts/raleway-v12-latin-regular.eot);src:local('Raleway'),local('Raleway-Regular'),url(fonts/raleway-v12-latin-regular.eot?#iefix) format('embedded-opentype'),url(fonts/raleway-v12-latin-regular.woff2) format('woff2'),url(fonts/raleway-v12-latin-regular.woff) format('woff'),url(fonts/raleway-v12-latin-regular.ttf) format('truetype'),url(fonts/raleway-v12-latin-regular.svg#Raleway) format('svg')}#main{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#hexGrid{display:flex;flex-wrap:wrap;width:98%;max-width:60vh;margin:0 auto;overflow:hidden;font-family:Raleway,sans-serif;font-size:15px;list-style-type:none}.hex{position:relative;visibility:hidden;outline:1px solid transparent}.hex::after{content:'';display:block;padding-bottom:86.6025403784%}.hexIn{position:absolute;width:80%;padding-bottom:92.376043%;margin:0 2%;overflow:hidden;visibility:hidden;outline:1px solid transparent;-webkit-transform:rotate3d(0,0,1,-60deg) skewY(30deg);-ms-transform:rotate3d(0,0,1,-60deg) skewY(30deg);transform:rotate3d(0,0,1,-60deg) skewY(30deg)}.hexIn *{position:absolute;visibility:visible;outline:1px solid transparent}.hexLink{display:block;width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;-webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg);-ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg);transform:skewY(-30deg) rotate3d(0,0,1,60deg)}.hex img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;-webkit-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.hex h1,.hex p{width:100%;padding:5%;box-sizing:border-box;background-color:rgba(0,128,128,.8);font-weight:300;-webkit-transition:-webkit-transform .2s ease-out,opacity .3s ease-out;transition:transform .2s ease-out,opacity .3s ease-out}.hex h1{bottom:50%;padding-top:50%;font-size:1.5em;z-index:1;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hex h1::after{content:'';position:absolute;bottom:0;left:45%;width:10%;text-align:center;border-bottom:1px solid #fff}.hex p{top:50%;padding-bottom:50%;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}#hexGrid{padding-bottom:4.4%}.hex{width:10%}.hex:nth-child(19n+11){margin-left:5%}@media (max-width:400px){#hexGrid{font-size:13px}}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(./MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(./MaterialIcons-Regular.woff2) format('woff2'),url(./MaterialIcons-Regular.woff) format('woff'),url(./MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}