.div-class{background-image:url(/_next/static/media/google_logo.86f28980.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;@media (max-width:768px){margin-top:60px}};h1{height:100vh;line-height:80vh;text-align:center;display:block;font-size:100px}.view,h1{width:100%;justify-content:center}.view{display:flex;flex-wrap:wrap}.box{height:350px;width:300px;margin:50px;background-color:rgb(44,41,37);border:.5mm solid black;border-radius:8px}@keyframes appear{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.box,.highlight{animation:appear linear;animation-timeline:view();animation-range:entry 0 cover 30%}.event-card{width:300px;height:350px;perspective:800px;padding:10px}.event-card:hover>.card{cursor:pointer;transform:rotateY(180deg)}.card{position:relative;transition:transform 1.5s;transform-style:preserve-3d}.back,.card,.front{height:100%;width:100%}.back,.front{border-radius:2rem;overflow:hidden;box-shadow:0 0 5px 2px rgba(50,50,50,.25);position:absolute;backface-visibility:hidden}.front{background-color:rgb(32,98,4)}.back{background-color:#3a3a3a;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}