/* Place your CSS styles in this file */
p {
  
  font-size: 15px;
  text-align: center;
  
  
}


  
h1 {
    text-align: center;
    
    font-weight: normal;
}
h2 {
    text-align: left;
    
    font-weight: normal;
}
h3 {
    text-align: center;
    
    font-weight: normal;
}
header {
  background-color: #000000;
  margin: 0px;
  padding: 30px;
  text-align: center;
  font-size: 35px;
  color: white;
}
.navbar {
  overflow: hidden; /* Hide overflow */
  background-color: #19707d; /* Dark background color */
}

/* Style the navigation bar links */
.navbar a {
  float:right; /* Make sure that the links stay side-by-side */
  display: block; /* Change the display to block, for responsive reasons (see below) */
  color: white; /* White text color */
  text-align: center; /* Center the text */
  padding: 14px 50px; /* Add some padding */
  text-decoration: none; /* Remove underline */
}

a {
color: white;
text-align: center;
text-decoration: none;
font-size: 25px;
padding: 14px 25px;
}
a:hover {
background-color: white; /* Grey background color */
  color: black; /* Black text color */
}
/* Right-aligned link */
.navbar a.left {
  float:left;
  font-size: 30px;
}
.navbar a.left:hover {
background-color: #19707d;
color: black;
}
/* Change color on hover/mouse-over */
.navbar a:hover {
  background-color: #ddd; /* Grey background color */
  color: black; /* Black text color */
}
footer {
  background-color: #95043c;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  color: white;
}
i {
padding: 0px 0px;
}
.responsive {
  width: 90%;
  max-width: 1200px;
  height: auto;
}
.row {
  display: flex;
}

.column {
  flex: 50%;
  padding: 5px;
}
.row a:hover {
background-color: #000000;
color: black;
}

audio{
           max-height: 100%;
           max-width: 100%;
           margin: auto;
           object-fit: contain;
         }