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: 80%;
    background-repeat: repeat;
    background-position: center;
    font-family: 'Times New Roman', times, serif;
    text-align: center;
    color: white;
    margin: 0 auto;
    

} 

}



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




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

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


}

}


h2 {
  
  font-size: 35px;
  font-style: italic;
  -webkit-text-fill-color: transparent;
  background:url("https://i.postimg.cc/FKfRphy5/Screenshot-2026-01-07-222717.png")
  50% 50%;
  text-align: center;
  margin: 0 auto;
  background-size: 59% 90%;
  -webkit-background-clip: text;
  
  
}
  

  @media screen and (min-width: 360px) and (max-width: 768px) { 
  h2 {  
    
  font-size: 25px;
  font-style: italic;
  -webkit-text-fill-color: transparent;
  background:url("https://i.postimg.cc/g2x76g57/rainbow-(1).jpg")
  50% 50%;
  background-size: 95%, 70%;
  margin: 0;
  -webkit-background-clip: text;
    
}

}



  
p {
  
  font-size: 25px;
  
}


.stella-octangula {
  
  
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  

}

@media screen and (min-width: 360px) and (max-width: 768px) {
  .stella-octangula {
 
 background-repeat: no-repeat;
 background-position: center;
 width: 100%;
 max-width: 100%;
 height: auto;
 margin: 0 auto;
 overflow-x: hidden;
 
  }
 
}