body {
  font-family: 'Times New Roman';
  text-align:  center;
  color: white;
  background-image:  
      url("https://i.pinimg.com/originals/2b/cf/a6/2bcfa605a3756da03f9a14c613db02dd.gif");
  background-size:
  20%;
  background-repeat:
  repeat;
  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%;
    background-repeat: repeat;
    background-position: center;
    font-family: 'Times New Roman', times, serif;
    text-align: center;
    color: white;
    

} 

}



h1 {
  
  font-size: 70px;
  -webkit-text-fill-color: transparent;
  font-style: italic;
  margin: 0;
  background:url("https://i.postimg.cc/HkR7p9FR/Screenshot-2026-01-07-160745.png") 50% 50%;
  background-size: 23% 60%;
  -webkit-background-clip: text;
  color: transparent;
  
}




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

    
    font-size: 45px;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    margin: 0;
    background:url("https://i.postimg.cc/zGg1v35H/Screenshot-2026-01-07-222712.png") 80% 40%;
    background-size: 74% 50%;
    -webkit-background-clip: text;

}

}



  
p {
  
  font-size: 25px;
  
}

.container {
  
  width: 200ch;
  text-align: center;
  margin: 0 auto;
  max-width: 100%
  
}
  
  @media screen and (min-width: 360px) and (max-width: 768px) {
  .container { 
    
  width: 100ch;
  text-align: center;
  max-width: 100%;
  margin: 0 auto;

  
}
}