@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
  vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
a {text-decoration: none;}
/*  end resets --- */

@font-face {
    font-family: 'monofont';
    src: url("./fonts/Nouveau_IBM.ttf");
}

a {
    color: green;
    transition: color 1s;
}

a:hover {
    text-decoration: none;
    color: red;
    transition: color 1s;
}

body {
color: #000;
font-family: sans;
}

header {
font-family: 'monofont';
font-size: 2em;
text-align: center;
color: #00E600;
line-height: 4ex;
background-color: #222;
box-shadow: 0 0.15ex 0.5ex #444;
}

p {
margin-top: 2ex;
}

section, #player {
width: 66.6%;
margin: 10ex auto 10ex auto;
}

table {
    width:100%;
    font-size: 90%;
}

thead {
    background-color: #d3d3d3;
    line-height: 4ex;
}

thead td {
    border: 0;
    padding: 0;
    margin: 0;
}

tbody td {
    width: 12em;
    border-bottom: 1px dotted #666;
}

/* user */
tbody td:nth-of-type(2) {
    width: 8em;
}

/* time */
tbody td:nth-of-type(3) {
    width: 8em;
}

/* descr */
tbody td:last-of-type {
    width: 24em;
}

#player {
    Background-color: #d3d3d3;
    border-radius: 7px;
    text-align: center;
    margin: 10ex auto 10ex auto;
    width: 45%;
}

#player audio {
    width: 100%;
    height: 4ex;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    box-shadow: 0 -.3ex 0.5ex #666;
    background-color: #222;
    color: #00E600;
    padding: 1ex;
    font-family: 'monofont';
}

footer a {
    color: #00E600;
}