body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f7f7f7;
        }
        h2 {
            text-align: center;
            padding: 20px 0;
        }
        .tab-container {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        .tab {
            display: inline-block;
            padding: 10px 15px;
            cursor: pointer;
            background-color: #f2f2f2;
            border-radius: 5px 5px 0 0;
            margin-right: 5px;
        }
        .tab.active-tab {
            background-color: #ccc;
        }
        .show {
            display: none;
            width: 300px;
            padding: 20px;
            margin: 10px;
            border: 1px solid #ccc;
            border-top: none;
            color: #fff;
            text-align: center;
            border-radius: 0 0 5px 5px;
            background-color: #333;
        }
        .show.active-show {
            display: block;
        }
        .show-bg {
            background-size: cover;
            background-position: center;
            height: 150px;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        h3 {
            margin-bottom: 5px;
        }
        p {
            margin: 5px 0;
        }
        
        .radio-shows-container{
            display: flex;flex-wrap: wrap;justify-content: center;align-content: space-between;flex-direction: row;
        }