body {background: -webkit-gradient(linear, left top, left bottom, from(coral), to(rebeccapurple));background: linear-gradient(coral, rebeccapurple);border: 10px solid white;min-height: 100vh;box-sizing: border-box;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}.grid {-webkit-box-flex: 0;flex: 0 0 auto;-webkit-perspective: 600px;perspective: 600px;display: grid;grid-template-columns: repeat(3, 150px);grid-template-rows: repeat(3, 150px);grid-gap: 20px;max-width: 480px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: fixed;z-index: -1;right: 15%;top: 15%;width: 30%;}.grid div {background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.25);padding: 20px;color: transparent;box-shadow: 30px 30px 30px -20px rgba(0, 0, 0, 0.6);border-radius: 2px;}.grid div:nth-child(odd) {-webkit-animation: 1000ms ease-in-out infinite alternate pulse;animation: 1000ms ease-in-out infinite alternate pulse;}.grid div:nth-child(even) {-webkit-animation: 1000ms 1000ms ease-in-out infinite alternate pulse;animation: 1000ms 1000ms ease-in-out infinite alternate pulse;}@-webkit-keyframes pulse {to {-webkit-transform: translate3d(0px, 0px, -60px);transform: translate3d(0px, 0px, -60px);box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.8);}}@keyframes pulse {to {-webkit-transform: translate3d(0px, 0px, -60px);transform: translate3d(0px, 0px, -60px);box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.8);}}