@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: #A5C3ED;
}
a:visited {
	color: #EFBF6A;
}
a:hover {
	color: #EFBF6A;
}
a:active {
	color: #EFBF6A;
}

body {
      background-image: url("../img/bio-800.jpg");
      #margin: 0px;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-color: #000000;
      background-position: center; 
}
 

     

h1{
#Edit
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.6em;
    color: #F1BF66;
    position: absolute;
    top: 10px;
    left:925px;
    animation : fadein 10s;
    #line-height: 80px;
}

h2{
#dad's recordings
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    text-align: center;
    color: #F1BF66;
    position: absolute;
    top: 100px;
    right:315px;
    animation : fadein 10s;
}
h3{
#time
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1em;
    text-align: center;
    color: #F1BF66;
    position: absolute;
    top: 130px;
    right:300px;
    animation : fadein 10s;
}
.audioplayer {
    width: 260px;
    height: 15px;
    margin-top: 10px ;
    margin: 5px;
    position: relative;
    left: 1290px;
    top: 140px;
    -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;
}