body{
    background-image: url(nye2.avif);
    background-size: cover;
    background-position:center 80%;
    background-color: #000000;
    height: 100vh;
}

.heading{
    display: flex;
    justify-content: center;
}

h1{
    font-family: "Alfa Slab One", serif;
    font-size:80px;
    color: #070504;
    text-shadow: 6px 6px #fff;
    /* background-color: rgba(219, 215, 16, 0.5) */
}
.music{
    display: flex;
    justify-content: center;
    margin-top: 0;
}

.container{
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.nye{
    background-color: rgba(25, 26, 18, 0.7);
    height: 300px;
    width: 200px;
    margin-top: 50px;
    border: 3px solid white;

}

.block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h3{
    font-size: 40px;
    color: #ffffff;
}

.days, .hours, .minutes, .seconds{
    font-size: 70px;
    color: gold;
    text-shadow: 3px 3px #f8f2f2;
  }

  .red{
    font-size: 80px;
    color:rgb(224, 27, 142);
  }

  .pink{
    color:rgb(224, 27, 142);
  }

  @media all and (max-width: 1180px){
    h1{
        font-size: 55px;
    }
  }

  @media all and (max-width: 807px){
    h1{
        font-size: 40px;
    }
   
  }

  @media all and (max-width: 510px){
    h1{
        font-size: 25px;
    }
   
  }