div.container.main {
    background-color: #0080ff;
}

#container {
    text-align: center;
}

#container img {
    margin: 24px;
}

#record img {
    cursor: pointer;
}

div#message, #audio-container {
    margin-bottom: 24px;
}

.white {
    color: #ffffff;
}

a:hover.white {
    color: #ffffff;
}

a#back-to-shazam, a:hover#back-to-shazam {
    color: #ffffff;
}

a#back-to-shazam {
    text-decoration: none;
}
a#back-to-shazam svg {
    bottom: -0.4em;
    position: relative;
    /*transform: rotate(-90deg);*/
}

/*
    transform: scale(1.1);
    transition-delay: revert;
*/

.table-bordered {
    border: 1px solid rgba(0,0,0,0.1);
}

.table-bordered>thead {
    background-color: rgba(0,0,0,0.1);
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid rgba(0,0,0,0.1);
}


.table-hover>tbody>tr:hover {
    background-color: rgba(0,0,0,0.05);
  }
}