body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        margin: 20px;
    }

    h1 {
        color: #333;
        text-align: center;
    }

    p {
        line-height: 1.6;
        color: #666;
    }

    .highlight {
        background-color: yellow;
        font-weight: bold;
    }

    #main-content {
        border: 1px solid #ccc;
        padding: 15px;
    }

    .center {
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 width: 90%;
	}

img {
  	max-width: 100%; /* Image will scale down to 100% of its parent's width */
  	height: auto;    /* Maintain aspect ratio */
}

    .container {
      display: flex;
      flex-wrap: wrap; /* Allow items to wrap to the next line */
      justify-content: space-around; /* Distribute space around items */
    }

    .item {
      flex: 1 1 500px; /* Grow, shrink, and have a base width of 300px */
      margin: 10px;
    }

.large-input {
  width: 300px;
  height: 50px;
  font-size: 1.2em;
  padding: 5px; /* Add some padding for better spacing */
}

.footer {
  /* Positioning and styling for the footer */
  background-color: #333;
  color: white;
  padding: 10px;
  text-align: center; /* Center footer content horizontally */
  margin: 80px 0px 0px 0px;
}
video {
	width: 100%;
       	height: 100%;
       	object-fit: cover;
}