* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  
}
 body{
    background-color:rgb(50, 54, 55);
 }

h1{

      padding: 30px;
  font-size: 45px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}
h2{
  padding: 30px;
  font-size: 30px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}
iframe{
  display: block;
  margin: 0 auto;
  padding: 30px;
}
video{
  display: block;
  margin: 0 auto;
  padding: 30px;
}
p{
  text-align: center;
  font-size: 20px;
  padding: 30px;
  font-family: Arial, Helvetica, sans-serif;
}
a{
  text-decoration: none;
  color: white;
  font-size: 20px;
  padding: 30px;
  font-family: Arial, Helvetica, sans-serif;
  border-style: solid;
  border-radius: 2px;
  margin: 0.5em 0.5em;
  background-color: #4c289a;
}
header{
  background-color: #000000;
  padding: 10px;
}

#links{
        display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
#mg-video {
  display: flex;
  justify-content: center;
}

#mg-video video {
 max-width: 30%;  
  max-height: 30%; 

}