body {
    font-family: Open Sans,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
}

.clear{
    clear:both;
    margin-top: 20px;
}

select{
    padding: 5px;
    width: 250px;
    letter-spacing: 1px;
    height:40px;
    margin-top:20px;
}

select option{
    padding:5px;
}

img {
  padding: .25rem;
  background-color: #f7f7f7;
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  margin-right:20px;
}

#channels li {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #f7f7f7;
  border-radius: .5rem;
  margin:2px;
  display: flex;
  align-items: center;
  margin-left: -40px;
}

ul {
  list-style-type: none;
}

.title {
  font-family: Open Sans,sans-serif;
  font-weight: 600;
  font-size: 30px;
}

.total {
  color: #fff;
  background-color: #6c757d;
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .5rem;
}

#group_title {
  margin-bottom:20px;
}

#search, #result {
  position: absolute;
  width: 100%;
  max-width:870px;
  overflow-y: auto;
  max-height: 225px;
  box-sizing: border-box;
  z-index: 1001;
  font-size:1.75em;
}

#search {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: black;
}

#result {
  margin-top:40px;
}

.link-class:hover{
  background-color:#f1f1f1;
}