.channel-logo {
      width: 350px;
      height:150px;
      border-radius: 5%;
      margin: 5px;
    }
    body {
  color: #222222;
 
}
  .btn {
            background-color: green;
            border: none;
            color: white;
            padding: 6px 16px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 12px;
            box-shadow: 0 9px #999;
        }

        .btn:hover {
            background-color: #5e228f;
             color:white;
           
        }

        .btn:active {
            background-color: #5e228f;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
             color:white;
        }


#panel, .flip {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel {
  display: none;
}

#panel1, .flip1 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel1 {
  display: none;
}

#panel2, .flip2 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel2 {
  display: none;
}

#panel3, .flip3 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel3 {
  display: none;
}

#panel4, .flip4 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel4 {
  display: none;
}

#panel5, .flip5 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel5 {
  display: none;
}

#panel6, .flip6 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel6 {
  display: none;
}

#panel7, .flip7 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel7 {
  display: none;
}

#panel8, .flip8 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel8 {
  display: none;
}

#panel9, .flip9 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel9 {
  display: none;
}

#panel10, .flip10 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel10 {
  display: none;
}

#panel11, .flip11 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel11 {
  display: none;
}

#panel12, .flip12 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel12 {
  display: none;
}

#panel13, .flip13 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel13 {
  display: none;
}

#panel14, .flip14 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel14 {
  display: none;
}

#panel15, .flip15 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel15 {
  display: none;
}

#panel16, .flip16 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel16 {
  display: none;
}

#panel17, .flip17 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel17 {
  display: none;
}

#panel18, .flip18 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel18 {
  display: none;
}

#panel19, .flip19 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel19 {
  display: none;
}

#panel20, .flip20 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel20 {
  display: none;
}

#panel21, .flip21 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel21 {
  display: none;
}

#panel22, .flip22 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel22 {
  display: none;
}

#panel23, .flip23 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel23 {
  display: none;
}

#panel24, .flip24 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel24 {
  display: none;
}

#panel25, .flip25 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel25 {
  display: none;
}

#panel26, .flip26 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  background-color: #993f2c;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
}

#panel26 {
  display: none;
}