body {
  background-color: gray;
}
h1 {
margin: 30 auto;
  color: white;
  font-family: arial;
  font-size: 150%;
}

p {
margin: 30 auto;
  color: white;
  font-family: arial;
  font-size: 90%;
}

a:link {
  color: gold;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: gold;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: orange;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

.embed-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    margin: 10 auto; /* Also a common way to center block elements */
}

.my-block {
            text-align: center;
            
        }