<style>

body {
  background-color: black;
  color:  white;
}
div.themes {
background-color: black;
color:  white;
margin: 5px;
padding: 9px;
font-size: 150%;
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}
P {
font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}
p.blocktext {
  padding: 1px;
margin-left: auto;
margin-right: auto;
width: 75%;
font-family: Comic Sans MS, Helvetica, sans-serif;
font-size: 150%;}

p.blocktext1 {
margin-left: auto;
margin-right: auto;
width: 75%;
font-family: Comic Sans MS, Helvetica, sans-serif;
font-size: 125%;}
img
width:76%;
}

P:hover {
  color: yellow;
}



img.resize {
display: block;
margin-left: auto;
margin-right: auto;
max-width:51%;
max-height:51%;
border: 1px solid red;
}
img.resize5 {
display: block;
margin-left: auto;
margin-right: auto;
max-width:61%;
max-height:61%;
}

img.resize4 {
display: block;
margin-left: auto;
margin-right: auto;
max-width:41%;
max-height:41%;
}

img.resize3 {
display: block;
margin-left: auto;
margin-right: auto;
max-width:31%;
max-height:31%;
}

img.resize2 {
display: block;
margin-left: auto;
margin-right: auto;
max-width:21%;
max-height:21%;
}
p.main {
text-align: justify;}
.container {
background-color: black;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 450px;
border: 1px solid red;
}
#audio {
  border: no-border;
  text-align: center;
}

/* .flip-card {
background-color: transparent;
position: absolute;
float: right;
margin: auto;
width: 500px;
height: 236px;
border: 1px solid black;
perspective: 1000px;
}



.flip-card-inner {
position: absolute;
width: 60%;
height: 60%;
transition: transform 1.9s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}

.flip-card-front {
background-color: black;
color: black;
}

.flip-card-back {
background-color: black;
color: black;
transform: rotateY(180deg);
}
 */
</style>
