body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    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: 30px;
margin-left: auto;
margin-right: auto;
text-align:center;
}

.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-left:300px;
width: 700px;
}

#header {
  font-size: 28px;
  margin-bottom: 20px;
}

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

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

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

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

main {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1300px; /* Set the width to 100% to occupy the entire container */
}

iframe {
  width: 1300px; /* Set the width to 100% to occupy the entire container */
}

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;
}