.exp{text-align:center;grid-template-columns:repeat(10,1fr);display:grid}.scrollbar-content{scrollbar-width:thin;height:500px;margin-left:5%;overflow-y:scroll}.featured-exp{grid-template-columns:repeat(4,1fr);grid-auto-flow:row;place-items:center;gap:20px;margin-bottom:50px;display:grid}.tiles{grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (max-width:399px){.tiles{display:none}.featured-exp{grid-template-columns:repeat(1,1fr);grid-auto-flow:row;display:grid}.Experiences,.filter-buttons{display:none}}
.popup-container{perspective:1000px;cursor:pointer;width:300px;height:300px;padding:10px}.popup{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s}.popup-container:hover .popup{transform:scale(1.05)rotateY(5deg)}.popup-container.flipped .popup{transform:rotateY(180deg)}.popup-front{color:#000;backface-visibility:hidden;background-color:#276aef;border:2px solid #333;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-family:Impact,Arial Black,sans-serif;font-size:.5rem;display:flex;box-shadow:0 4px 12px #0003,inset 4px 6px 10px #198f364d,inset -4px -6px 10px #ffffff80}.popup-front h2{color:#fff;text-align:center;padding:20px;font-size:1.8rem}