@font-face {
    font-family: Console;
    src: url('/assets/fonts/clacon2.woff2');
    font-weight: normal;
    font-style: normal;
}

#player {
    position: fixed;
    bottom: 0;
    width: 100%;

    font: 18px Console;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 2px;
    user-select: none;

    audio {display: none;}

    #volume, #play, #progress-container {
        cursor: pointer;
        &:hover {opacity: 0.8;}
    }

    #volume {min-width: 64px;}
    #play {min-width: 56px;}
    #time {min-width: 130px;}

    #progress-container {
        flex-grow: 1;
        display: flex;
        
    }

    #progress {
        flex-grow: 1;
        text-align: left;
        letter-spacing: 1px;
        white-space: nowrap;
        overflow: hidden;
    }
}

#id_licence {
    padding: 12px;
    background-color: #111;
    border-radius: 6px;
}

a.creativecommons {
    color: #0000EE;
}

p {
    margin: 0px;
}

li {
    margin: 0 0 0 20px;
}

table {
    margin: 8px;
    border-spacing: 8px 0;

    th {
        color: greenyellow;
        font-style: italic;
        padding-right: 12px;
    }
    td {
        vertical-align:bottom;
        padding-right: 12px;
    }
    .c {
        text-align: center;
    }
    .s {
        color:#777;
        font-size:small;
        margin: 0px;
    }

    a {
        cursor: pointer;
    }
}