body {
			font-family: 'Courier New', monospace;
		
			background-color:#fffafa;
			color:  #000000;
		}
		.center{
			text-align: center;
		}


		
		a:link{
			text-decoration: none;
			color: #0000FF ;
		}
		a:hover{
			text-decoration: none;
			text-shadow: 1px 1px  #088A08;
		}
		a:active{
			text-decoration: none;
			text-shadow: 1px 1px  #2E9AFE;
		}
		a:visited{
			text-decoration: none;
			color:   #0000A0  ;
		}
		
		
	  .flxh {
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
      }
			
			
		.flx{
			display: flex;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			-webkit-flex-wrap: wrap; 
			-webkit-flex-direction: row;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-justify-content: space-around;
			-ms-flex-pack: distribute;
			justify-content: space-around;
			-webkit-align-content: center;
			-ms-flex-line-pack: center;
			align-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-align-items: center;
		}
        
		img {
			max-width: 95%;
			vertical-align: middle;
		}
		.element00 {
			max-width: 140px;
			margin: 20px;
			text-align: center;
		}
		}
		.element0 {
			max-width: 200px;
			margin: 20px;
			text-align: center;
		}
		.element1 {
			max-width: 450px;
			margin: 20px;
			text-align: center;
		}
		.element1t {
			max-width: 450px;
			margin: 20px;
			text-align: left;
		}
		element1tc {
			
			min-width: 1200px;
			
			margin: 20px;
			text-align: center;
		}
		.element2 {
			max-width: 700px;
			margin: 20px;
			text-align: center;
		}
		.element3 {
			max-width: 100%;
			margin: 20px;
		}
		
		.element3x {
			max-width: 100%;
			margin: 20px;
			text-align: center;
			align-items: center;
			
		}
			
		.element1x {
			max-width: 300px;
			margin: 20px;
			text-align: center;
		}
		.solo {
			text-align: center;
			max-width: 100%;
		}
		solo80 {
			text-align: center;
			max-width: 80%;
		}
		.solol {
			text-align: left;
			max-width: 100%;
		}
		.solo7h {
			text-align: left;
			max-width: 700px;
		}
		.mx {
			max-width: 100%;
			text-align: center;
		}
		audio {
			background-color: #000033;
			/*width: 250px;*/
		}
		.grey{
			color: #888888 ;
		}
		.yellowish{
			color: #FFD700;
		}
		
	
	
	
	.dropdown {
  display: inline-block;
  position: absolute;
}
.dropdown-content {
  display: none;
  background-color: #FFFFFF;

  overflow: auto;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  display: block;
  color: #000000; 
  padding: 5px;
  text-decoration: none;
}
.dropdown-content a:hover {
  color: #FFFFFF;
  background-color: #00A4BD;
}