* {
  padding: 0;
  margin: 0;
}

body {
  background-image: url(src/stars.jpg);
}

.box {
  font-family: "Jersey 25", sans-serif;
  font-weight: 400;
  font-style: normal;
  height: 15rem;
  width: 17rem;
  /* display: flex;
    align-items: center;
    justify-content: center; */
  margin-top: 10%;
  background-image: url(src/default.png);
  margin-left: 44%;
  background-repeat: no-repeat;
}

video{
  display: none;  
  /* 240 height */
  /* opacity: 0; */
  /* visibility: hidden; */
}

#myVideo{
  height: 15rem;
  width: 17rem;
  margin-top: 10%;
  margin-left: 44%;
}

/* .actualbox{
    height: 15rem;
    width: 30rem;
    background-color: rgb(11, 213,  213); 
    background-image: url(src/default.png); 
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.actualbox > span {
  align-items: center;
  justify-content: center;
}

/* .realbox{
    height: 22rem;
    width: 28rem;
    
    background-color: rgb(213, 11, 11);
    background-image: url(src/480p.jpg);
    
    background-repeat: no-repeat;
} */

#quality {
  color: white;
  text-align: center;
  padding-left: 5%;
}