@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: 'im_fell_double_pica_proRg';
    src: url('FeDPit27C-webfont.eot');
    src: url('FeDPit27C-webfont.eot?#iefix') format('embedded-opentype'),
         url('FeDPit27C-webfont.woff2') format('woff2'),
         url('FeDPit27C-webfont.woff') format('woff'),
         url('FeDPit27C-webfont.ttf') format('truetype'),
         url('FeDPit27C-webfont.svg#im_fell_double_pica_proRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

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


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

#html { overflow-y: auto; }

a:link {
	color: #A5C3ED;
}
a:visited {
	color: #EFBF6A;
}
a:hover {
	color: #EFBF6A;
}
a:active {
	color: #EFBF6A;
}

body {
      background-image: url("../img/gallop back cover.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-color: #000000;
      background-position: center; 
      #background-size: contain;
      #margin-right:100px;
      #margin-top : 0px;
      #top: 80px;
      #overflow:auto;
}


h2{
#song list
    font-family: im_fell_double_pica_proRg;
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 195px;
    left:790px;
    animation : fadein 10s;
    #line-height: 80px;
}

h3{
#credits
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 570px;
    left:920px;
    animation : fadein 1s;
    #line-height: 80px;
}

h4{
#music
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    font-weight: normal;    
    text-align: center;
    color: #000000;
    position: absolute;
    top: 610px;
    left:645px;
    animation : fadein 1s;
    #line-height: 80px;
}

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

h6{
#copyright
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    font-weight: normal;  
    text-align: center;
    color: #F1BF66;
    position: absolute;
    top: 800px;
    left:890px;
    animation : fadein 1s;
    #line-height: 80px;
}

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

h8{
#order
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    text-align: center;
    margin:10px;
#color: #F1BF66;
    position: absolute;
    top: 450px;
    left: 80px;
    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: #F1BF66;
    position: absolute;
    top: 95px;
    left:100px;
    animation : fadein 10s;
    line-height: 72px;
}

.audioplayer {
    width: 260px;
    height: 15px;
    margin-top: 25px ;
    margin: 55px;
    position: relative;
    left: 1px;
    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;
}