body {
  font-family: 'Times New Roman';
  text-align:  center;
  background-image:  
      url("https://i.pinimg.com/originals/2b/cf/a6/2bcfa605a3756da03f9a14c613db02dd.gif");
  background-size:
  20%;
  background-repeat:
  repeat;
  justify-content: center;
  overflow-y: hidden;
  height: 100%;
  margin: 0;
  background-position:
  center;
  

}


@media screen and (min-width: 360px) and (max-width: 768px) {
  body {
    background-image: url("https://i.postimg.cc/rw168HLL/gif.gif");
    background-size: 90%;
    height: 100%;
    overflow-y: hidden;
    justify-content: center;
    margin: 0;
    background-repeat: repeat;
    background-position: center;
    font-family: 'Times New Roman', times, serif;
    text-align: center;
    color: white;
    

} 

}



.container {
    display: flex;
    justify-content: center; 
    align-items: center;    
    height: 100vh;          
    width: 100vw;
    text-align: center;      
  font-size: 70px;
  -webkit-text-fill-color: transparent;
  font-style: italic;
  overflow-y: hidden;
  overflow: hidden;
  overflow-x: hidden;
  margin: 0;
  background:url("https://i.postimg.cc/HkR7p9FR/Screenshot-2026-01-07-160745.png") 50% 50%;
  background-size: 93% 60%;
  -webkit-background-clip: text;
  color: transparent;
  
}




  
  @media screen and (min-width: 360px) and (max-width: 768px) {
  .container {

    font-size: 0.91em;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    margin: 0;
    overflow-y: hidden;
    height: 620px;
    width: 100vw;
    overflow-x: hidden;
    justify-content: center;
    background:url("https://i.postimg.cc/zGg1v35H/Screenshot-2026-01-07-222712.png") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;
    align-items: center;
    text-align: center;  

}

}