body {
    font-family: 'Roboto', Arial;
}

#logo_you, #logo_stat {
    font-size: 72px;
    letter-spacing: 5px;
}

#logo_stat{
    background-color: red;
    color: white;
    padding: 4px;
    border-radius: 5px;
}

#input_channel, #btn_submit, #btn_accurate{
    height: 50px;
    vertical-align: middle;
}

#input_channel{
    padding: 0px 5px;
    font-size: 18px;
}

#btn_submit, #btn_accurate{
    padding: 0px 14px;
}

#result font{
    width: calc(30% + 55px);
    min-width: 300px;
    display: table-caption;
    text-align: left;
}

#result table{
    border-collapse: collapse;
    min-width:355px;
    width:40%;
    font-size: 30px;
    text-align: center;
}

#result table td{
    padding: 7px;
}

#result .search_result a{
  color: blue;
  margin-bottom: 5px;
  border-radius: 40px;
}

#result .thumbnail, #result .content{
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
}

#result .thumbnail{
    background-color: whitesmoke;
    width: 320px;
    height: 180px;
}

#result quote font {
  display: inline;
  color: black !important;
}

.levelsio-by {
    font-family:"Helvetica Neue",sans-serif;
    right:0;
    bottom:0;
    position:fixed;
    z-index:100;
    border-top-left-radius: 5px;
    padding: 6px;
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
    background:#fff;
    color:#6f6f6f;
    text-decoration:none;
}
.levelsio-by:hover {
    background:#fff;
    color:rgb(255, 71, 66); /* change to your main brand color */
}
.levelsio-by img {
    border-radius:100%;
    width:22px;
    vertical-align:middle;
}
.levelsio-by p {
    margin:0;
    vertical-align:middle;
    display:inline;
    margin-left:7px;
    font-weight:500;
    font-size:14px;
}