body {
  margin: 0;
  background-color: rgb(190, 195, 199);
  height: 100vh; 
  display: flex; 
  justify-content: center; 
  align-items: center;     
}

.container {
  position: relative;
  aspect-ratio: 16 / 9; 
 
}

img {
  width: 100%;
  height: 100%;

}

.center {
  margin: 0;
  position: absolute;
  top: 61%;  
  left: 50%; 
  transform: translate(-50%, -50%);
}

button {
  background-color: rgb(1, 95, 99);
  border: none;
  border-radius: 10px;
  width: 250px;
  height: 60px;
  cursor: pointer;
}

a {
  color: white;
  font-weight: bolder;
  font-size: 20px;
  text-decoration: none;
}

@media (max-width: 1000px) {
  button {
    height: 3em;
    width: 10em;   
  } 

  a{
    font-size: 15px;
  }
}
@media (max-width: 640px) {
  button {
    height: 2em;
    width: 6em;   
  } 

  a{
    font-size: 10px;
  }
}
@media (max-height: 50%) {
  button {
    height: 2em;
    width: 6em;   
  } 

  a{
    font-size: 10px;
  }
}