body{	
	color:#f7f7f7;background:#2e2e2e;
	margin:40px auto;
	max-width:650px;
	line-height:1.4;
	font-size:18px;
	padding:0 10px;}
h1{line-height:1.2; text-align:center}
h2,h3{line-height:1.2; border-bottom: 1px solid;}
pre,blockquote,.signature{
	padding: 1em;
	background:#787878;
}
blockquote,.signature{	
	font-style: italic;
	margin: 2em 1em;}
p,ul,ol { list-style-type: circle;}
a { color:rgb(51, 173, 249);text-decoration:none; padding:0.5em 0;}
a:hover { text-decoration:underline;}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
figcaption{ font-style: italic; font-size: 90%; text-align: center;}
.header{
	margin: 1em 0;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width:15%;
}
.subtitle {text-align: center; font-style: italic;}
.navbar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
}
.horizontal { text-align: center; padding:10px 40px;}
.horizontal li{display: inline-block; margin: 0 0.5em;}
a[href^="mailto"]::after {content:' 📧';}
a[href^="gemini"]::after {content:' 🚀';}
audio {
    
    width: 500px;
    height: 50px;
	border-radius: 5px;
    background-color: rgb(51, 173, 249);

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