/* Apply grey background to the entire page */
body {
  margin: 0;
  background-color: #121212; /* light grey */
  font-family: 'DM Sans', sans-serif;
}

h1 {
  font-family: "Arial", sans-serif; /* Changes the font to Arial, or a generic sans-serif font if Arial is not available */
  color: #25b197; /* Changes the text color to a shade of blue */
}

h2 {
  font-family: "Arial", sans-serif; /* Changes the font to Arial, or a generic sans-serif font if Arial is not available */
  color: #444444; /* Changes the text color to a shade of blue */
}

a:link {
  color: #007bff; /* Example: blue */
}

a:visited {
  color: #CBC3E3; /* Example: purple */
}

p {
  margin-bottom: 5px; /* Adjust this value as needed */
  margin-top: 2px; /* Adjust this value as needed */
}

/* Centered container */
.container {
  width: 80%; /* adjust width as needed */
  margin: 0 auto;
  background-color: #000000; /* grey */
  color: #888888; /* white text for contrast */
  padding: 20px;
  box-sizing: border-box;
  min-height: 100vh; /* full height */
}

.responsive-iframe {
	width: 100%; /* Sets the width to 100% of its parent container */
	height: 2000px; /* Example fixed height, or use percentage if parent heights are defined */
	border: none; /* Optional: remove default border */
}