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

h1{
    color: rgb(138, 229, 239);
      padding: 30px;
  font-size: 45px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}
header{
  background-color: #000000;
  padding: 20px;
}
p{
  text-align: center;
  margin-top: 10px;
  padding: 35px;
}
a{
    color: rgb(138, 222, 239);
  font-family: Arial, Helvetica, sans-serif;
      font-size: 30px;
    text-decoration: none;  
    border-style: solid;
    padding: 10px;
    border-radius: 2px;
    margin: 0.5em 0.5em;
    background-color: #0dc1e9;
}
a:hover{
    color: rgb(116, 234, 255); 
     transition: color 0.5s; 
}
#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%; 

}