body{font-family:'Roboto',sans-serif;background-color:#111;color:#fff;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;align-items:center}.container{text-align:center;max-width:900px;width:100%;padding:20px;flex:1;display:flex;flex-direction:column;justify-content:center}h1{font-size:2.2rem;margin-bottom:30px;color:#f39c12;font-weight:700;padding:15px 20px;background-color:#222;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .3)}.shows-list{list-style-type:none;padding:20px;background-color:#222;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;box-shadow:0 2px 5px rgb(0 0 0 / .3)}.show-item{flex-basis:calc(50% - 20px);margin-bottom:20px;transition:transform 0.2s ease}.show-item a{display:flex;align-items:center;justify-content:center;padding:15px;border:none;border-radius:8px;color:#fff;text-decoration:none;background-color:#333;transition:all 0.3s ease;text-align:center;min-height:60px;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.show-item a:hover{background-color:#f39c12;color:#222;transform:translateY(-2px)}.footer{margin-top:20px;font-size:.8rem;color:#aaa;text-align:center;padding:10px}@media (min-width:768px){h1{font-size:3rem}.show-item{flex-basis:calc(33.33% - 20px)}}@media (min-width:1200px){h1{font-size:3.5rem}.show-item{flex-basis:calc(25% - 20px)}.show-item a{font-size:1.2rem;min-height:80px}}