body {
    font-family: "Audiowide", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    overflow: hidden; 
    background-image: url('background1.jpg');
    background-size: cover;
   
  }

  .coming-soon {
    font-size: 3.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
  text-shadow: 0 0 10px rgb(159, 215, 218); 
    animation: blink 3s steps(4, end) infinite;
  }

  @keyframes blink {
    from { opacity: 0.3; }
    to { opacity: 1; }
  }

  @media (max-width: 600px) {
    body{
      background-size: cover;
    }
    .coming-soon {
      font-size: 2em;
    }
    .container {
      display: flex;
      flex-direction: column;
    }
  }