.container[data-v-5cd8acdb]{margin:7px;height:calc(100vh - 70px)}.nine-grid-container[data-v-5cd8acdb]{display:grid;gap:10px;max-width:230px;margin:20px auto;padding:20px;background:#2c3e50;border-radius:15px}.grid-block[data-v-5cd8acdb]{aspect-ratio:1;background:#3498db;border-radius:8px;cursor:pointer;-webkit-transition:background .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:background .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;transition:transform .3s ease,background .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;position:relative;overflow:hidden}.grid-block[data-v-5cd8acdb]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 15px rgba(52,152,219,.5);box-shadow:0 0 15px rgba(52,152,219,.5)}.grid-block.active[data-v-5cd8acdb]{background:#e74c3c;-webkit-transform:scale(.95);transform:scale(.95)}.grid-block.active .inner-content[data-v-5cd8acdb]{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.inner-content[data-v-5cd8acdb]{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;height:100%;color:#fff;font-size:24px;font-weight:700;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.grid-block[data-v-5cd8acdb]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);-webkit-animation:shine-5cd8acdb 3s infinite;animation:shine-5cd8acdb 3s infinite}@-webkit-keyframes shine-5cd8acdb{0%{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(150%,150%) rotate(45deg);transform:translate(150%,150%) rotate(45deg)}}@keyframes shine-5cd8acdb{0%{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(150%,150%) rotate(45deg);transform:translate(150%,150%) rotate(45deg)}}@media (max-width:480px){.nine-grid-container[data-v-5cd8acdb]{max-width:300px;gap:5px}.inner-content[data-v-5cd8acdb]{font-size:18px}}.footer-page[data-v-5cd8acdb]{margin-top:10px;text-align:right}