@font-face {
    font-family: 'nimbus_roman_no9_lRgIt';
    src: url('NimbusRomNo9L-RegIta-webfont.eot');
    src: url('NimbusRomNo9L-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('NimbusRomNo9L-RegIta-webfont.woff2') format('woff2'),
         url('NimbusRomNo9L-RegIta-webfont.woff') format('woff'),
         url('NimbusRomNo9L-RegIta-webfont.ttf') format('truetype'),
         url('NimbusRomNo9L-RegIta-webfont.svg#nimbus_roman_no9_lRgIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nimbus_roman_no9_lRg';
    src: url('NimbusRomNo9L-Reg-webfont.eot');
    src: url('NimbusRomNo9L-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('NimbusRomNo9L-Reg-webfont.woff2') format('woff2'),
         url('NimbusRomNo9L-Reg-webfont.woff') format('woff'),
         url('NimbusRomNo9L-Reg-webfont.ttf') format('truetype'),
         url('NimbusRomNo9L-Reg-webfont.svg#nimbus_roman_no9_lRg') format('svg'); 
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'urw_chancery_l_medium_italic';
    src: url('urw_chancery_l_medium_italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face{ 
	font-family: 'promocyja';
	src: url('promocyja-webfont.woff') format('woff');  
}

@font-face{ 
	font-family: 'lmroman10-bold-webfont';
	src: url('lmroman10-bold-webfont.woff') format('woff');  
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

a:link {
	color: rgb(153, 255, 255);
}
a:visited {
	color: #F1BF66;
}
a:hover {
	color: #EFBF6A;
}
a:active {
	color: #EFBF6A;
}

body {
      margin-top: 0px;
      margin-right: 0px;
      #margin:10px;
      background-repeat: no-repeat;
      #background-attachment: fixed;
      background-color: rgb(255, 139, 78);
      background-position: center; 
      #top: 80px;
      #overflow:auto;

}



h1{
#titles
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.6em;
    color: rgb(153, 255, 255);
    position: absolute;
    top: 10px;
    left:900px;
    animation : fadein 1s;
    #line-height: 80px;
}

h2{
#song list
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.2em;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 55px;
    left:570px;
    animation : fadein 2s;
    line-height: 40px;
}

h3{
#song list bis
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.2em;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 55px;
    left:1020px;
    animation : fadein 2s;
    line-height: 40px;
}
h10{
#Total time
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.4em;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 610px;
    left:830px;
    animation : fadein 4s;
    #line-height: 80px;
}

h4{
#credits
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.4em;
    text-align: center;
    color: rgb(153, 255, 255);
    position: absolute;
    top: 630px;
    left:900px;
    animation : fadein 4s;
    #line-height: 80px;
}

h5{
#birds
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 680px;
    left:720px;
    animation : fadein 5s;
    #line-height: 80px; 
}

h6{
#engineer
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 820px;
    left:710px;
    animation : fadein 6s;
    #line-height: 80px;
}

h7{
#all right of the ...    
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 0.8em;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 1020px;
    left: 640px;
    animation : fadein 7s;
    #line-height: 80px;
}

h8{
#order
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    text-align: center;
    margin:10px;
    color: #000000;
    position: absolute;
    top: 1070px;
    left: 840px;
    animation : fadein 10s;
    #line-height: 80px;
}

h9{
#song list audio player
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.2em;
    text-align: left;
    color: #000000;
    position: absolute;
    top: 95px;
    left:170px;
    animation : fadein 10s;
    line-height: 72px;
}

.audioplayer {
    width: 260px;
    height: 15px;
    margin-top: 25px ;
    margin: 55px;
    position: relative;
    left: 80px;
    top: 105px;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #83855d;
    -webkit-box-shadow:  2px 2px 4px 0px #83855d;
    box-shadow: 2px 2px 4px 0px #83855d;
    -moz-border-radius:7px 7px 7px 7px ;
    -webkit-border-radius:7px 7px 7px 7px ;
    border-radius:7px 7px 7px 7px ;
    background: #83855d;
    animation : fadein 18s;
}


.timeline {
    width: 200px;
    height: 4px;
    margin-top: 4px;
    float: left;
    border-radius: 15px;
    background: #b4d3f0;
}


.playbutton {
    height: 25px;
    width: 25px;
    margin-top: -6px;
    border: none;
    float: left;
    outline: none;
}

.play {
    background: url("../img/play_b.png");
}

.pause {
    background: url("../img/pause_b.png");
}

.play,.pause {
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.playhead {
    width: 8px;
    height: 6px;
    border-radius: 50%;
    margin-top: -1px;
    background: #2d7fae;
    cursor: pointer;
}