pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

@media (max-width: 600px) {
  #menu {
    display: none;
  }
}
#menu-toggle {
  display: block;
  background-color: #333;
  color: #fff;
  padding: 10px;
  cursor: pointer;
}
#menu a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}


/* input[type=button], input[type=submit], input[type=reset] {
  background-color: #115511;
  border: 2px solid #555;
box-sizing: border-box;
  color: white;
  padding: 4px 4px;
  text-decoration: none;
  margin: 2px 2px;
  cursor: pointer; */

/* https://cssfx.dev/ */

button {
  z-index: 1;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  color: white;
  padding: 0.5em 1em;
  outline: none;
  border: none;
  background-color: hsl(236, 32%, 26%);
  overflow: hidden;
  transition: color 0.4s ease-in-out;
}

button::before {
  content: '';
  z-index: -1;
  position: absolute;
  bottom: 100%;
  right: 100%;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #3cefff;
  transform-origin: center;
  transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);
  transition: transform 0.45s ease-in-out;
}

button:hover {
  cursor: pointer;
  color: #161616;
}

button:hover::before {
  transform: translate3d(50%, 50%, 0) scale3d(15, 15, 15);
}


A {
	text-decoration : none;
 	color: #00FF00; 
        font-family: sans-serif;
	}
A:visited {
	color: #008800;
        font-family: sans-serif;
	}

A:Hover {
	color : #55BBBB;
	text-decoration : none;
        font-family: sans-serif;
	}

UL { 
	margin-top: 0px; 
	margin-bottom: 0px;	
}
BODY {   /*boja samog teksta*/
	background-image: url("64bgnd.gif");
	margin : 0px 4px 0px 0px;
	font :  Verdana, Arial, sans-serif;
	color: #00ffff;}

TD {
	margin : 0px 4px 0px 0px;
	font : Verdana, Arial, sans-serif;
/*	border: 1px #CC6666 dashed; padding-top: 5px; padding-right: 5px; 
	padding-bottom: 5px; padding-left: 5px*/
}

LI  {
	list-style : disc;
	border-bottom :  medium;}
.datum	{
	color: #66FFCC;
	font: Arial, Helvetica, sans-serif;
	}
/*font color="#66FFCC" size="-2" face="Arial, Helvetica, sans-serif"*/
HR {
        border-width: 2px;
        border-color: #007777;
        border-style: solid none none none;
        height: 2px; /* ovo ce pomoci IE-u da shvati ;-) */
}

p.podnaslov
	{
	font-weight: bolder;
	color: "#00ffff"; 
	margin: 10px 5px 0px 3px;  /*gornja, lijeva donja desna */
	}

body
{ 
background: #002222 url('64bgnd.gif') repeat fixed center;
}


.audio_volume_only {
    width: 235px;
  }
audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

.audioPlayer{
  display: block;
  border-radius: 20px;
  margin:0 auto;
}

.progress-bar {
    width: 0;
    height: 100%;
    background-color: #00ff00;
}

/*------------------------------------*/

#navsite p {

 display: none;

}
#navsite {

 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 0.6em;
 font-weight: bold;
 width: 9em; 
 border-right: 1px solid #666; 
 padding: 0; 
 margin-bottom: none; 
 background-color: #9cc; 
 color: #333; 

}

#navsite ul {
 list-style: none; 
 margin: 0; 
 padding: 0; 

}

#navsite ul li {
 margin: 0; 
 border-top: 1px solid #003;
}

#navsite ul li a {
 display: block; 
 padding: 2px 2px 2px 0.5em; 
 border-left: 10px solid #369; 
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #066; 
 color: #fff; 
 text-decoration: none; 
 width: 100%; 
}

html>body #navsite ul li a { 
 width: auto; 
}

#navsite ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369; 
 background-color: #6ee; 
 color: #000; 
}

/* alternating redovi u 64games, odd and even */
tr:nth-child(even) {
    background-color: #000000;
}
/*tr:nth-child(odd) {
    background-color: #000004;
}*/