@font-face {font-family:ArnoPro-Regular;src:url('font/ArnoPro-Regular.otf');}
@font-face {font-family:GaramondPremrPro;src:url('font/GaramondPremrPro.otf');}

body {margin:0; padding: 0;width:100%;height:100%;background:#141110 url(bg_fon.png) repeat; font:normal 13px 'Times New Roman';color:#505050;}

a, a:hover, a:visited {font:normal 13px 'ArnoPro-Regular';color: #ff1b00;outline: none;text-decoration: none;}

.stroka {font:normal 10px 'Times New Roman';color:#505050; text-shadow: 0px 2px 2px #000;}
.stroka1 {font:italic 12px 'Times New Roman';color:#fe7905;text-shadow: 0px 3px 3px #000;}
.stroka1a {font:normal 13px 'Times New Roman';color:#fe7905;text-shadow: 0px 3px 3px #000;}
.stroka2 {font:normal 12px 'Times New Roman';color:#bb7f4d;padding:15px; margin: 1px;line-height:1.6;}

#footer {position:relative; width:500px; height:45px;bottom:0px; clear:both;}
#noteL:before {position:absolute;left:25px;bottom:10px;font:normal 12px 'ArnoPro-Regular';text-shadow: 0px 2px 2px #000;content: "© 2013 — 2025 Canonic Yuri Khanon";}
#noteR:before {position:absolute;right:25px;bottom:10px;font:normal 12px 'ArnoPro-Regular';text-shadow: 0px 2px 2px #000;content: "Дизайн сайта — Анна т'Харон";}

#round  {
width:450px; height: px;
background-color:#332f2c;
padding: 5px 5px 25px 5px;
border: 1px solid #141110;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-webkit-box-shadow: 1px -1px 3px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px -1px 3px 1px rgba(0,0,0,0.4);
box-shadow: 1px -1px 3px 1px rgba(0,0,0,0.4);
background-image: url('knopcaCD.png');
background-repeat:repeat;
background-position:top center;
opacity:0.9;
}

#round1 {
width:400px; height: px;
background-color:#000000;
padding: 4px;
border: 1px solid #505050;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px -1px 3px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px -1px 3px 1px rgba(0,0,0,0.4);
box-shadow: 1px -1px 3px 1px rgba(0,0,0,0.4);
text-align:left;
}
.raised1 {
position:relative;
width: 500px; height: px;
padding:5px; margin: 5px 5px 25px 5px;
opacity: 1;
background:#2f1703;
border: 1px solid #371b04;
background-image: url('canonicCD.png');
background-repeat:no-repeat;
background-position:center top;
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;
}  
.raised2 {
position:relative;
width: 500px; height: ;
padding:5px; margin: 5px 5px 25px 5px;
opacity: 1;
background:#25201d;
border: 1px solid #231f1c;
background-image: url('canonicCD.png');
background-repeat:no-repeat;
background-position:center top;
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;
}  

  audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden !important;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}