body {
  display: block;
  background: #00AFF9 url(https://cbwconline.com/IMG/Codepen/Unplugged.png) center/cover no-repeat;
  height: 100vh;
  margin: 0;
  color: white;
}

h1 {
  margin: .8em 3rem;
  font: 4em Roboto;
}
p {
  display: inline-block;
  margin: .2em 3rem;
  font: 2em Roboto;
}

#videoElement {
    width: 300px;  /* Set equal width and height */
    height: 300px; /* Set equal width and height */
    border-radius: 50%; /* This shapes the element into a circle */
    object-fit: cover; /* This ensures the video content fills the circle without distortion/stretching */
}

.centered-section {
  width: 90%; /* Sets a maximum width relative to the parent */
  max-width: 600px; /* Optional: ensures it doesn't get too wide on large screens */
  margin: 0 auto; /* Centers the block horizontally */
  /* Shorthand for top/bottom margin 0, left/right auto: */
  /* margin: 0 auto; */
  padding: 20px; /* Optional: adds space inside the section */
  text-align:center;
  /* border: 1px solid #ccc;  Optional: helps visualize the section boundaries */
}