.center {
margin:0 auto; 
text-align:center;
}

.audio-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
    display: block;
    margin:0 auto;
    text-align:center;
}  
 .auto-style17 {
     vertical-align: middle;
}
 .auto-style1 {
     font-size: small;
}
 .auto-style5 {
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     font-size: small;
     font-weight: 700;
     font-style: italic;
     font-variant: normal;
     text-transform: none;
     color: #ff0;
    /*yellow*/
     table-layout: fixed;
     border-collapse: inherit;
}
 .auto-style6 {
     text-align: left;
}
 .auto-style7 {
     text-align: center;
     color: #000;
    /*black*/
}
 .auto-style8 {
     border-width: 0;
}
 .auto-style10 {
     font-size: medium;
}
 .auto-style11 {
     background-color: #ff0;
    /*yellow*/
     border-style: solid;
}
 .auto-style12, .auto-style14, td.auto-style12 {
     background-color: #ff0;
    /*yellow*/
}
 .auto-style15 {
     border: #000 solid 1px;
    /*black*/
     background-color: #ff0;
    /*yellow*/
     text-align: center;
}
 .style1 {
     text-align: right;
}
 .style2 {
     text-align: center;
}
 .style5 {
     font-family: "Lucida Calligraphy";
     color: #00f;
    /*royal blue*/
     font-style: italic;
     font-weight: 700;
}
 .style6 {
     border: red;
     border-style: groove;
     border-width: thin;
}
 .style7 {
     font-size: large;
     font-weight: 700;
     text-align: center;
     color: #000;
    /*black*/
}
 .style8 {
     text-align: center;
     color: teal;
     font-size: large;
}
 .style9 {
     border: #00f solid 2px;
     background-color: #ff0;
     font-family: "Comic Sans MS";
     font-size: x-small;
} 
  .center {
  margin-left: auto;
  margin-right: auto;
}
 .style11 {
     text-align: center;
     background-color: #ff0;
    /*yellow*/
     border-style: solid;
     border-width: 2px;
}
 .style12 {
     text-align: center;
     background-color: #ff0;
    /*yellow*/
     font-size: medium;
     border-style: solid;
     border-width: 2px;
}
 .style13 {
     font-family: Verdana, Arial, Helvetica;
     font-size: x-small;
}
 .style14 {
     text-align: center;
     background-color: #ff0;
     font-size: x-small;
     font-family: Arial, Helvetica, sans-serif;
     border-style: solid;
     border-width: 2px;
}
 .style16 {
     font-size: x-small;
}
 .style17 {
     color: #00f;
    /*blue*/
     font-family: Verdana, Garamond;
     font-size: small;
}
 .style18 {
     text-align: center;
}
    figure {
  margin: 0;
}
 body {
     font-family: Georgia, "Times New Roman", Times, serif;
     height: auto;
     font-size: small;
     color: #00f;
    /*lilac*/
     background-color: #f0f;
    /*lilac*/
     text-align: center;
     font-style: italic;
}
 p {
     text-align: justify;
     font-family: Arial, Helvetica, sans-serif;
     font-size: medium;
     font-weight: 700;
     color: #fff;
    /*white*/
     margin: 10px;
}
 p span {
     text-align: justify;
}
 p {
 text-align: center;
 }
 h1 {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-weight: 700;
     color: #000;
    /*black*/
     text-align: center;
     font-size: medium;
}
 h2 {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 18px;
     font-weight: 700;
     color: #ff0;
    /*yellow*/
     text-align: center;
}
 h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 700;
	color: #FFFF00;
    /*white*/
	text-align: center;
}
 h4 {
     font-family: Arial, Helvetica, "Sans Serif";
     font-size: 18px;
     font-weight: 700;
     color: #ff0;
    /*yellow*/
     text-align: justify;
}
 h5 {
     font-family: Arial, Helvetica, "Sans Serif";
     font-size: medium;
     font-weight: 700;
     color: #0048ff;
    /*blue*/
     text-align: center;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>pseudo-class<<<<<<<<<<<<<<<<<<<<*/
 selector:pseudo-class {
     property: value;
}
 a:link {
	color: #0000FF;
	background-color: transparent;
	text-decoration: underline;
	font-weight: 700;
}
 a:visited {
     color: blue;
     background-color: transparent;
     text-decoration: none;
}
 a:hover {
     color: teal;
     background-color: transparent;
     text-decoration: underline;
}
 a:active {
     color: #ff0;
    /*yellow*/
     background-color: transparent;
     text-decoration: underline;
}
 table {
     border-collapse: collapse;
     width: 100%;
     border: 1px solid #ddd;
    /*light grey*/
}
 th, td {
     text-align: center;
     padding: 16px;
}
/*.auto-style15 {
     border: 1px solid #000000;
    /*black
     background-color: #ffff00;
    /*yellow
     text-align: center;*/
}
 th {
     color: #fff;
    /*white*/
     border: #000 solid 1px;
     border-collapse: separate;
     padding: 10px;
}
 td {
     background-color: #f0f;
    /*lilac*/
     padding: 20px;
}
 th, td {
     text-align: left;
     padding: 16px;
}
 .center, table.center {
     margin-left: auto;
     margin-right: auto;
}
 .auto-style1 {
     font-size: small;
}
 .auto-style5 {
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     font-size: small;
     font-weight: 700;
     font-style: italic;
     font-variant: normal;
     text-transform: none;
     color: #ff0;
    /*yellow*/
     table-layout: fixed;
     border-collapse: inherit;
}
 table {
     border-collapse: collapse;
     width: 100%;
     border: #ddd solid 1px;
    /*light grey*/
}
 th, td {
     text-align: left;
     padding: 16px;
}
 .auto-style15 {
     border: #000 solid 1px;
    /*black*/
     background-color: #ff0;
    /*yellow*/
     text-align: center;
}
 .auto-style6 {
     text-align: left;
}
 .auto-style7 {
     text-align: center;
     color: #000;
    /*black*/
}
 .auto-style8 {
     border-width: 0;
}
 .auto-style10 {
     font-size: medium;
}
 .auto-style11 {
     background-color: #ff0;
    /*yellow*/
     border-style: solid;
}
 .style1 {
     text-align: right;
}
 .style5 {
     font-family: "Lucida Calligraphy";
     color: #00f;
    /*blue*/
     font-style: italic;
     font-weight: 700;
}
 .style6 {
     border: red;
     border-style: groove;
     border-width: thin;
}
 .style7 {
     font-size: large;
     font-weight: 700;
     text-align: center;
     color: #000;
    /*black*/
}
 .style8 {
     text-align: center;
     color: teal;
    /*light blue*/
     font-size: large;
}
 .style9 {
     border: #00f solid 2px;
    /*royal blue*/
     background-color: #ff0;
    /*yellow*/
     font-family: "Comic Sans MS";
     font-size: x-small;
}
 .style11 {
     text-align: center;
     background-color: #ff0;
    /*yellow*/
     border-style: solid;
     border-width: 2px;
}
 .style12 {
     text-align: center;
     background-color: #ff0;
    /*yellow*/
     font-size: medium;
     border-style: solid;
     border-width: 2px;
}
 .style13 {
     font-family: Verdana, Arial, Helvetica;
     font-size: x-small;
}
 .style14 {
     text-align: center;
     background-color: #ff0;
    /*yellow*/
     font-size: x-small;
     font-family: Arial, Helvetica, sans-serif;
     border-style: solid;
     border-width: 2px;
}
 .style16 {
     font-size: x-small;
}
 .style17 {
     color: #00f;
    /*blue*/
     font-family: Verdana, Garamond;
     font-size: small;
}
 body {
     font-family: Georgia, "Times New Roman", Times, serif;
     height: auto;
     font-size: small;
     color: #00f;
    /*blue*/
     background-color: #f0f;
    /*lilac*/
     text-align: center;
     font-style: italic;
}
 p {
     text-align: justify;
     font-family: Arial, Helvetica, sans-serif;
     font-size: medium;
     font-weight: 700;
     color: #fff;
    /*white*/
     margin: 10px;
}
 p span {
     text-align: justify;
}
 .auto-style12, .auto-style14, td.auto-style12 {
     background-color: #ff0;
    /*yellow*/
}
 .style2, .style18 {
     text-align: center;
}
 .center, table.center {
     margin-left: auto;
     margin-right: auto;
}