<style>
:root {
    --font-title: 'Exo2-VariableFont_wght', monospace;
    --font-body: 'Exo2-VariableFont_wght', monospace;
    --tx-color: #00FF00;
    --bg-color: #0D0D0D;
    --link-color: #FFA500;
    --accent-color: #FF4500;
}

body {
    font-family: var(--font-body);
    color: var(--tx-color);
    background-color: var(--bg-color);
}

h1 {
    font-family: var(--font-title);
    color: var(--link-color);
}

img, video {
    display: block;
    margin: 20px auto; /* Centers the content horizontally */
    border: 3px solid var(--accent-color); /* Adds a border for emphasis */
    border-radius: 10px; /* Optional: adds rounded corners */
    max-width: 90%; /* Ensures the content doesn't overflow */
    height: auto; /* Maintains aspect ratio */
}

/* New container styling for audio */
.audio-container {
    display: block;
    margin: 20px auto; /* Centers the container horizontally */
    border: 3px solid var(--accent-color); /* Adds a border for emphasis */
    border-radius: 10px; /* Optional: adds rounded corners */
    max-width: 90%; /* Ensures the container doesn't overflow */
    padding: 10px; /* Adds some space inside the container */
    background-color: #1a1a1a; /* Optional: gives a dark background behind the audio */
}

.subtitle {
    font-family: var(--font-body);
    font-size: 1.2rem;
    color: var(--tx-color);
    margin-top: 10px;
    font-style: italic; /* Adds a subtle italic style for the description */
    text-align: center; /* Centers the text horizontally */
}
</style>