.full-width{animation:fadeIn .3s ease;background-color:#f0f0f0;border-bottom:1px solid #ccc;box-sizing:border-box;font-size:1.2em;padding:20px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px}.item{background-color:#ddd;border:1px solid #aaa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;flex:1 1 calc(25% - 15px);min-width:200px;padding:20px;text-align:center;transition:all .3s ease}.item:hover{background-color:#bbb;transform:scale(1.05)}.item.active{background-color:#888;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;transform:scale(1.08)}@media (max-width:900px){.item{flex:1 1 calc(50% - 15px)}}@media (max-width:500px){.item{flex:1 1 100%}}