body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #561c0e;
  font-size: 18;
}

.flex-container {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.heading {
font-size: 32px;
color:#ffffff;
display: block;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align:center;
position: fixed;
top: 0;
}

.nav{
   
  list-style:none;
  margin:0 80px;
  padding:0;
  text-align:center;
}
.nav li{
  
  display:inline-block;
  padding-left:145;
}
.nav a{
  display:inline-block;
  color: #ffffff;
  font-size:28px;
  text-decoration:none;
  padding:5px;
}

a:hover { 
height:25px;
background-color: #217364;
}

.centered {
display:block;
margin-top: 0;
width: 700px;
}

#header {
 font-size: 28px;
 margin-bottom: 20px;
position: fixed;
top: 0;
}

#container {
 display: flex;
 justify-content: space-between;
 width: 70%;
}

.column {
 color: #ffffff;
 width: 50%;
}

#link-container {
 text-align: center;
 margin-top: 10px;
}

#link {
 color: #ffffff;
 font-size: 28px;  
}

main {
 display: flex;
 align-items: center;
 justify-content: center;
}

iframe {
   aspect-ratio: 16 / 9;
   width: 1300px; /* Set the width to 100% to occupy the entire container */
   flex: 1; /* Use flex: 1 to make the iframe expand and fill the available space */
}

a {
 color: #ffffff;
 font-size: 18px;
}

/* Additional styles for the live video link */
.live-video {
 display: inline-block;
 background-color: #32C1DA;
 padding: 10px 20px;
 text-decoration: none;
 border-radius: 5px;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px; /* Set the height of the footer */
  background-color: #561c0e;
  color: #ffffff;
  text-align: center;
}